Commit df74152a746ff4ed06811bf3b66147f0255f8c37
1 parent
752394bf
新人有礼bug修复
Showing
3 changed files
with
479 additions
and
408 deletions
pages/giftpack/newvipgift/newvipgift.js
| @@ -42,14 +42,14 @@ Page({ | @@ -42,14 +42,14 @@ Page({ | ||
| 42 | } | 42 | } |
| 43 | }).then(res => { | 43 | }).then(res => { |
| 44 | if (res.data.code == 0) { | 44 | if (res.data.code == 0) { |
| 45 | - if (res.data.data.lbCoupons != null) { | 45 | + if (res.data.data.lbCoupons != null && res.data.data.lbCoupons.length>0) { |
| 46 | //礼包内容--礼券 | 46 | //礼包内容--礼券 |
| 47 | th.setData({ | 47 | th.setData({ |
| 48 | cardShow: true, | 48 | cardShow: true, |
| 49 | cards: res.data.data.lbCoupons | 49 | cards: res.data.data.lbCoupons |
| 50 | }) | 50 | }) |
| 51 | } | 51 | } |
| 52 | - if (res.data.data.lbSM != null) { | 52 | + if (res.data.data.lbSM != null && res.data.data.lbSM.length>0) { |
| 53 | //礼包内容--服务项目 | 53 | //礼包内容--服务项目 |
| 54 | th.setData({ | 54 | th.setData({ |
| 55 | itemShow: true, | 55 | itemShow: true, |
pages/giftpack/newvipgift/newvipgift.wxml
| 1 | <view> | 1 | <view> |
| 2 | - <view class="image_box"> | ||
| 3 | - <image src="{{iurl+'/miniapp/images/giftbag/vip00.png'}}" lazy-load="true"></image> | ||
| 4 | - </view> | ||
| 5 | - <block wx:if="{{itemShow}}"> | ||
| 6 | - <view class="top"> | ||
| 7 | - <view class="top_box"> | ||
| 8 | - <view class="top_box_text"> | ||
| 9 | - <text>______</text> | ||
| 10 | - </view> | ||
| 11 | - <view class="top_box_text"> | ||
| 12 | - <text>新人专享\n你的美丽我来缔造</text> | ||
| 13 | - </view> | ||
| 14 | - <view class="top_box_text"> | ||
| 15 | - <text >______</text> | ||
| 16 | - </view> | ||
| 17 | - </view> | ||
| 18 | - <block wx:for="{{itemWare}}" wx:for-item="item" wx:for-index="index" wx:key="index"> | ||
| 19 | - <view class="top_item "> | ||
| 20 | - <block wx:if="{{item.lbType==3}}"> | ||
| 21 | - <view class="top_item_img"> | ||
| 22 | - <image src="{{item.fromImage=='' || item.fromImage==null?iurl+'/miniapp/images/giftbag/gift02.png':iurl+item.fromImage}}" lazy-load="true" data-errorimg="itemWare[{{index}}].fromImage" binderror="bind_bnerr1" data-img="{{item.fromImage}}"></image> | ||
| 23 | - </view> | ||
| 24 | - </block> | ||
| 25 | - <block wx:if="{{item.lbType==1}}"> | ||
| 26 | - <view class="top_item_img "> | ||
| 27 | - <image src="{{item.fromImage==''?iurl+'/miniapp/images/giftbag/empty.jpg':iurl+item.fromImage}}" lazy-load="true"></image> | ||
| 28 | - </view> | ||
| 29 | - </block> | ||
| 30 | - <view class="top_item_center "> | ||
| 31 | - <view class="top_item_center_title"> | ||
| 32 | - <block wx:if="{{item.lbType==1}}"> | ||
| 33 | - <text>免费领取</text> | ||
| 34 | - </block> | ||
| 35 | - <block wx:if="{{item.lbType==3}}"> | ||
| 36 | - <text>{{item.fromName}}</text> | ||
| 37 | - </block> | ||
| 38 | - </view> | ||
| 39 | - <view class="top_item_center_ramke "> | ||
| 40 | - <block wx:if="{{item.lbType==1}}"> | ||
| 41 | - <text>{{item.fromName}}</text> | ||
| 42 | - </block> | ||
| 43 | - <block wx:if="{{item.lbType==3}}"> | ||
| 44 | - <text >{{"新人可免费享受专业"+item.fromName+"，可以享受"+item.num+"次。"}}</text> | ||
| 45 | - </block> | ||
| 46 | - </view> | ||
| 47 | - </view> | ||
| 48 | - </view> | ||
| 49 | - </block> | 2 | + <view class="image_box"> |
| 3 | + <image src="{{iurl+'/miniapp/images/giftbag/vip00.png'}}" lazy-load="true"></image> | ||
| 4 | + </view> | ||
| 5 | + <block wx:if="{{itemShow}}"> | ||
| 6 | + <view class="top rel"> | ||
| 7 | + <view class="top_box"> | ||
| 8 | + <view class="top_box_text"> | ||
| 9 | + <text>______</text> | ||
| 50 | </view> | 10 | </view> |
| 51 | - </block> | ||
| 52 | - <block wx:if="{{itemShow}}"> | ||
| 53 | - <view > | ||
| 54 | - <image style="width:10px;height:47px;float:left;top:-38px;left:55px;" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image> | ||
| 55 | - <image style="width:10px;height:47px;float:right;top:-38px;right:55px;" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image> | 11 | + <view class="top_box_text"> |
| 12 | + <text>新人专享\n你的美丽我来缔造</text> | ||
| 56 | </view> | 13 | </view> |
| 57 | - </block> | ||
| 58 | - <block wx:if="{{cardShow}}"> | ||
| 59 | - <view > | ||
| 60 | - <view class="top "> | ||
| 61 | - <view class="top_box "> | ||
| 62 | - <view class="top_box_text "> | ||
| 63 | - <text >———</text> | ||
| 64 | - </view> | ||
| 65 | - <view class="top_box_text "> | ||
| 66 | - <text >新人专享优惠券</text> | ||
| 67 | - </view> | ||
| 68 | - <view class="top_box_text "> | ||
| 69 | - <text >———</text> | ||
| 70 | - </view> | ||
| 71 | - </view> | ||
| 72 | - <block wx:for="{{cards}}" wx:for-item="item" wx:for-index="index" wx:key="index"> | ||
| 73 | - <view class="top_card "> | ||
| 74 | - <view class="{{item.useObjectType==1?'top_card_box img1':item.useObjectType==2?'top_card_box img2':'top_card_box img3'}}"> | ||
| 75 | - <!-- class="{{['',item.useObjectType==1?'top_card_box img1':item.useObjectType==2?'top_card_box img2':'top_card_box img3']}}" --> | ||
| 76 | - <view class="top_card_tite_box "> | ||
| 77 | - <block wx:if="{{item.useObjectType==0}}"> | ||
| 78 | - <view class="top_card_tite_a">全场通用</view> | ||
| 79 | - </block> | ||
| 80 | - <block wx:if="{{item.useObjectType==1}}"> | ||
| 81 | - <view class="top_card_tite_b">品牌限定</view> | ||
| 82 | - </block> | ||
| 83 | - <block wx:if="{{item.useObjectType==2}}"> | ||
| 84 | - <view class="top_card_tite_c">品类限定</view> | ||
| 85 | - </block> | ||
| 86 | - <block wx:if="{{item.useObjectType==11}}"> | ||
| 87 | - <view class="top_card_tite_a">用途限定</view> | ||
| 88 | - </block> | ||
| 89 | - <block wx:if="{{item.useObjectType==12}}"> | ||
| 90 | - <view class="top_card_tite_a">分类限定</view> | ||
| 91 | - </block> | ||
| 92 | - </view> | ||
| 93 | - <view class="top_card_counte ">{{item.sum+"元券"}}</view> | ||
| 94 | - <view class="top_card_remak ">{{"满"+item.buySum+"元可以用"}}</view> | ||
| 95 | - </view> | ||
| 96 | - </view> | ||
| 97 | - </block> | ||
| 98 | - </view> | 14 | + <view class="top_box_text"> |
| 15 | + <text>______</text> | ||
| 99 | </view> | 16 | </view> |
| 100 | - </block> | ||
| 101 | - <block wx:if="{{cardShow}}"> | ||
| 102 | - <view> | ||
| 103 | - <view> | ||
| 104 | - <image style="width:10px;height:47px;float:left;top:-38px;left:55px;" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image> | ||
| 105 | - <image style="width:10px;height:47px;float:right;top:-38px;right:55px;" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image> | 17 | + </view> |
| 18 | + <block wx:for="{{itemWare}}" wx:for-item="item" wx:for-index="index" wx:key="index"> | ||
| 19 | + <view class="top_item "> | ||
| 20 | + <block wx:if="{{item.lbType==3}}"> | ||
| 21 | + <view class="top_item_img"> | ||
| 22 | + <image src="{{item.fromImage=='' || item.fromImage==null?iurl+'/miniapp/images/giftbag/gift02.png':iurl+item.fromImage}}" lazy-load="true" data-errorimg="itemWare[{{index}}].fromImage" binderror="bind_bnerr1" data-img="{{item.fromImage}}"></image> | ||
| 106 | </view> | 23 | </view> |
| 107 | - </view> | ||
| 108 | - </block> | ||
| 109 | - <block wx:if="{{packShow}}"> | ||
| 110 | - <view > | ||
| 111 | - <view class="top "> | ||
| 112 | - <view class="top_box "> | ||
| 113 | - <view class="top_box_text "> | ||
| 114 | - <text >———</text> | ||
| 115 | - </view> | ||
| 116 | - <view class="top_box_text "> | ||
| 117 | - <text >新人专享福利</text> | ||
| 118 | - </view> | ||
| 119 | - <view class="top_box_text "> | ||
| 120 | - <text >———</text> | ||
| 121 | - </view> | ||
| 122 | - </view> | ||
| 123 | - <block wx:if="{{integralShow}}"> | ||
| 124 | - <view> | ||
| 125 | - <view class="top_box_image "> | ||
| 126 | - <image src="{{iurl+'/miniapp/images/giftbag/vip06.jpg'}}" lazy-load="true"></image> | ||
| 127 | - <button>{{integralTitle}}</button> | ||
| 128 | - </view> | ||
| 129 | - </view> | ||
| 130 | - </block> | ||
| 131 | - <block wx:if="{{growUpShow}}"> | ||
| 132 | - <view > | ||
| 133 | - <view class="top_box_image fs36"> | ||
| 134 | - <image src="{{iurl+'/miniapp/images/giftbag/vip07.jpg'}}" lazy-load="true"></image> | ||
| 135 | - <button>{{growUpTitle}}</button> | ||
| 136 | - </view> | ||
| 137 | - </view> | ||
| 138 | - </block> | 24 | + </block> |
| 25 | + <block wx:if="{{item.lbType==1}}"> | ||
| 26 | + <view class="top_item_img "> | ||
| 27 | + <image src="{{item.fromImage==''?iurl+'/miniapp/images/giftbag/empty.jpg':iurl+item.fromImage}}" lazy-load="true"></image> | ||
| 139 | </view> | 28 | </view> |
| 140 | - </view> | ||
| 141 | - </block> | ||
| 142 | - <block wx:if="{{textShow}}"> | ||
| 143 | - <view class="foot_box"> | ||
| 144 | - <view class="foot_box_title fs36"> | ||
| 145 | - <text>活动规则:</text> | 29 | + </block> |
| 30 | + <view class="top_item_center "> | ||
| 31 | + <view class="top_item_center_title"> | ||
| 32 | + <block wx:if="{{item.lbType==1}}"> | ||
| 33 | + <text>免费领取</text> | ||
| 34 | + </block> | ||
| 35 | + <block wx:if="{{item.lbType==3}}"> | ||
| 36 | + <text>{{item.fromName}}</text> | ||
| 37 | + </block> | ||
| 146 | </view> | 38 | </view> |
| 147 | - <view class="foot_box_text"> | ||
| 148 | - <rich-text nodes="{{textTitle}}"></rich-text> | 39 | + <view class="top_item_center_ramke "> |
| 40 | + <block wx:if="{{item.lbType==1}}"> | ||
| 41 | + <text>{{item.fromName}}</text> | ||
| 42 | + </block> | ||
| 43 | + <block wx:if="{{item.lbType==3}}"> | ||
| 44 | + <text>{{"新人可免费享受专业"+item.fromName+"，可以享受"+item.num+"次。"}}</text> | ||
| 45 | + </block> | ||
| 46 | + <view class="num flex-level-right fs26"> | ||
| 47 | + <view>数量：</view> | ||
| 48 | + <view>{{item.num}}</view> | ||
| 49 | + </view> | ||
| 149 | </view> | 50 | </view> |
| 51 | + </view> | ||
| 150 | </view> | 52 | </view> |
| 151 | - </block> | ||
| 152 | - <view class="button_box"> | ||
| 153 | - <view > | ||
| 154 | - <button class="button" bindtap="goto" data-url="/pages/index/index/index">进入商城购物</button> | 53 | + </block> |
| 54 | + <block wx:if="{{itemShow}}"> | ||
| 55 | + <view class="vips"> | ||
| 56 | + <image class="lvip abs" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image> | ||
| 57 | + <image class="rvip abs" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image> | ||
| 155 | </view> | 58 | </view> |
| 156 | - <view class="button_text "> | ||
| 157 | - <text >本活动最终解释权归公司所有，如果有问题请联系客服</text> | 59 | + </block> |
| 60 | + </view> | ||
| 61 | + </block> | ||
| 62 | + <block wx:if="{{cardShow}}"> | ||
| 63 | + <view> | ||
| 64 | + <view class="top rel"> | ||
| 65 | + <view class="top_box "> | ||
| 66 | + <view class="top_box_text "> | ||
| 67 | + <text>———</text> | ||
| 68 | + </view> | ||
| 69 | + <view class="top_box_text "> | ||
| 70 | + <text>新人专享优惠券</text> | ||
| 71 | + </view> | ||
| 72 | + <view class="top_box_text "> | ||
| 73 | + <text>———</text> | ||
| 74 | + </view> | ||
| 158 | </view> | 75 | </view> |
| 76 | + <block wx:for="{{cards}}" wx:for-item="item" wx:for-index="index" wx:key="index"> | ||
| 77 | + <view class="top_card "> | ||
| 78 | + <view class="{{item.useObjectType==1?'top_card_box img1':item.useObjectType==2?'top_card_box img2':'top_card_box img3'}}"> | ||
| 79 | + <!-- class="{{['',item.useObjectType==1?'top_card_box img1':item.useObjectType==2?'top_card_box img2':'top_card_box img3']}}" --> | ||
| 80 | + <view class="top_card_tite_box "> | ||
| 81 | + <block wx:if="{{item.useObjectType==0}}"> | ||
| 82 | + <view class="top_card_tite_a">全场通用</view> | ||
| 83 | + </block> | ||
| 84 | + <block wx:if="{{item.useObjectType==1}}"> | ||
| 85 | + <view class="top_card_tite_b">品牌限定</view> | ||
| 86 | + </block> | ||
| 87 | + <block wx:if="{{item.useObjectType==2}}"> | ||
| 88 | + <view class="top_card_tite_c">品类限定</view> | ||
| 89 | + </block> | ||
| 90 | + <block wx:if="{{item.useObjectType==11}}"> | ||
| 91 | + <view class="top_card_tite_a">用途限定</view> | ||
| 92 | + </block> | ||
| 93 | + <block wx:if="{{item.useObjectType==12}}"> | ||
| 94 | + <view class="top_card_tite_a">分类限定</view> | ||
| 95 | + </block> | ||
| 96 | + </view> | ||
| 97 | + <view class="top_card_counte ">{{item.sum+"元券"}}</view> | ||
| 98 | + <view class="top_card_remak ">{{"满"+item.buySum+"元可以用"}}</view> | ||
| 99 | + </view> | ||
| 100 | + </view> | ||
| 101 | + </block> | ||
| 102 | + <block wx:if="{{packShow}}"> | ||
| 103 | + <view class="vips"> | ||
| 104 | + <image class="lvip abs" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image> | ||
| 105 | + <image class="rvip abs" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image> | ||
| 106 | + </view> | ||
| 107 | + </block> | ||
| 108 | + </view> | ||
| 159 | </view> | 109 | </view> |
| 160 | - <view class="foot_empty "></view> | ||
| 161 | - <view class="foot_button"> | ||
| 162 | - <view class="{{receiveState=='已领取'?'foot_button_notbuy':'foot_button_buy'}}" bindtap="GetReceive"> | ||
| 163 | - <text>{{receiveState}}</text> | 110 | + </block> |
| 111 | + <block wx:if="{{packShow}}"> | ||
| 112 | + <view> | ||
| 113 | + <view class="top "> | ||
| 114 | + <view class="top_box "> | ||
| 115 | + <view class="top_box_text "> | ||
| 116 | + <text>———</text> | ||
| 117 | + </view> | ||
| 118 | + <view class="top_box_text "> | ||
| 119 | + <text>新人专享福利</text> | ||
| 120 | + </view> | ||
| 121 | + <view class="top_box_text "> | ||
| 122 | + <text>———</text> | ||
| 123 | + </view> | ||
| 164 | </view> | 124 | </view> |
| 125 | + <block wx:if="{{integralShow}}"> | ||
| 126 | + <view> | ||
| 127 | + <view class="top_box_image "> | ||
| 128 | + <image src="{{iurl+'/miniapp/images/giftbag/vip06.jpg'}}" lazy-load="true"></image> | ||
| 129 | + <button>{{integralTitle}}</button> | ||
| 130 | + </view> | ||
| 131 | + </view> | ||
| 132 | + </block> | ||
| 133 | + <block wx:if="{{growUpShow}}"> | ||
| 134 | + <view> | ||
| 135 | + <view class="top_box_image fs36"> | ||
| 136 | + <image src="{{iurl+'/miniapp/images/giftbag/vip07.jpg'}}" lazy-load="true"></image> | ||
| 137 | + <button>{{growUpTitle}}</button> | ||
| 138 | + </view> | ||
| 139 | + </view> | ||
| 140 | + </block> | ||
| 141 | + </view> | ||
| 142 | + </view> | ||
| 143 | + </block> | ||
| 144 | + <block wx:if="{{textShow}}"> | ||
| 145 | + <view class="foot_box"> | ||
| 146 | + <view class="foot_box_title fs36"> | ||
| 147 | + <text>活动规则:</text> | ||
| 148 | + </view> | ||
| 149 | + <view class="foot_box_text"> | ||
| 150 | + <rich-text nodes="{{textTitle}}"></rich-text> | ||
| 151 | + </view> | ||
| 152 | + </view> | ||
| 153 | + </block> | ||
| 154 | + <view class="button_box"> | ||
| 155 | + <view> | ||
| 156 | + <button class="button" bindtap="goto" data-url="/pages/index/index/index">进入商城购物</button> | ||
| 157 | + </view> | ||
| 158 | + <view class="button_text "> | ||
| 159 | + <text>本活动最终解释权归公司所有，如果有问题请联系客服</text> | ||
| 160 | + </view> | ||
| 161 | + </view> | ||
| 162 | + <view class="foot_empty "></view> | ||
| 163 | + <view class="foot_button"> | ||
| 164 | + <view class="{{receiveState=='已领取'?'foot_button_notbuy':'foot_button_buy'}}" bindtap="GetReceive"> | ||
| 165 | + <text>{{receiveState}}</text> | ||
| 165 | </view> | 166 | </view> |
| 167 | + </view> | ||
| 166 | </view> | 168 | </view> |
| 167 | <!-- 引入提示组件 --> | 169 | <!-- 引入提示组件 --> |
| 168 | <warn id="warn"></warn> | 170 | <warn id="warn"></warn> |
pages/giftpack/newvipgift/newvipgift.wxss
| 1 | @charset "UTF-8"; | 1 | @charset "UTF-8"; |
| 2 | + | ||
| 2 | /* Author XGQ | 3 | /* Author XGQ |
| 3 | * 2019-10-27 | 4 | * 2019-10-27 |
| 4 | */ | 5 | */ |
| 6 | + | ||
| 5 | .image_box { | 7 | .image_box { |
| 6 | - -webkit-box-pack: center; | ||
| 7 | - -webkit-justify-content: center; | ||
| 8 | - justify-content: center; | 8 | + -webkit-box-pack: center; |
| 9 | + -webkit-justify-content: center; | ||
| 10 | + justify-content: center; | ||
| 9 | } | 11 | } |
| 12 | + | ||
| 10 | .image_box image { | 13 | .image_box image { |
| 11 | - width: 100%; | ||
| 12 | - height: 690rpx; | 14 | + width: 100%; |
| 15 | + height: 690rpx; | ||
| 13 | } | 16 | } |
| 17 | + | ||
| 14 | .top { | 18 | .top { |
| 15 | - margin: -20rpx 28rpx 45rpx 28rpx; | ||
| 16 | - padding: 10rpx 10rpx 70rpx 10rpx; | ||
| 17 | - background-color: #FFFFFF; | ||
| 18 | - border-radius: 0rpx 0rpx 15rpx 15rpx; | 19 | + margin: -20rpx 28rpx 45rpx 28rpx; |
| 20 | + padding: 10rpx 10rpx 70rpx 10rpx; | ||
| 21 | + background-color: #fff; | ||
| 22 | + border-radius: 0rpx 0rpx 15rpx 15rpx; | ||
| 19 | } | 23 | } |
| 24 | + | ||
| 20 | .top_box { | 25 | .top_box { |
| 21 | - display: -webkit-box; | ||
| 22 | - display: -webkit-flex; | ||
| 23 | - display: flex; | ||
| 24 | - text-align: center; | ||
| 25 | - -webkit-box-pack: center; | ||
| 26 | - -webkit-justify-content: center; | ||
| 27 | - justify-content: center; | ||
| 28 | -} | 26 | + display: -webkit-box; |
| 27 | + display: -webkit-flex; | ||
| 28 | + display: flex; | ||
| 29 | + text-align: center; | ||
| 30 | + -webkit-box-pack: center; | ||
| 31 | + -webkit-justify-content: center; | ||
| 32 | + justify-content: center; | ||
| 33 | +} | ||
| 34 | + | ||
| 29 | .top_box_text { | 35 | .top_box_text { |
| 30 | - -webkit-box-pack: center; | ||
| 31 | - -webkit-justify-content: center; | ||
| 32 | - justify-content: center; | ||
| 33 | - margin: 50rpx 15rpx 20rpx 15rpx; | 36 | + -webkit-box-pack: center; |
| 37 | + -webkit-justify-content: center; | ||
| 38 | + justify-content: center; | ||
| 39 | + margin: 50rpx 15rpx 20rpx 15rpx; | ||
| 34 | } | 40 | } |
| 41 | + | ||
| 35 | .top_box_text text { | 42 | .top_box_text text { |
| 36 | - color: #FB6451; | ||
| 37 | - font-size: 40rpx; | 43 | + color: #fb6451; |
| 44 | + font-size: 40rpx; | ||
| 38 | } | 45 | } |
| 46 | + | ||
| 39 | .top_item { | 47 | .top_item { |
| 40 | - display: -webkit-box; | ||
| 41 | - display: -webkit-flex; | ||
| 42 | - display: flex; | ||
| 43 | - width: 100%; | ||
| 44 | - margin: 60rpx 0 0 0; | 48 | + display: -webkit-box; |
| 49 | + display: -webkit-flex; | ||
| 50 | + display: flex; | ||
| 51 | + width: 100%; | ||
| 52 | + margin: 60rpx 0 0 0; | ||
| 45 | } | 53 | } |
| 54 | + | ||
| 46 | .top_item_img { | 55 | .top_item_img { |
| 47 | - float: left; | ||
| 48 | - width: 28%; | ||
| 49 | - margin: 0rpx 10rpx 0rpx 20rpx; | 56 | + float: left; |
| 57 | + width: 28%; | ||
| 58 | + margin: 0rpx 10rpx 0rpx 20rpx; | ||
| 50 | } | 59 | } |
| 60 | + | ||
| 51 | .top_item_img image { | 61 | .top_item_img image { |
| 52 | - width: 150rpx; | ||
| 53 | - height: 150rpx; | ||
| 54 | - border-radius: 50%; | ||
| 55 | - border: #F96865 solid 3rpx; | 62 | + width: 150rpx; |
| 63 | + height: 150rpx; | ||
| 64 | + border-radius: 50%; | ||
| 65 | + border: #f96865 solid 3rpx; | ||
| 56 | } | 66 | } |
| 67 | + | ||
| 57 | .top_item_center { | 68 | .top_item_center { |
| 58 | - float: left; | ||
| 59 | - width: 50%; | 69 | + float: left; |
| 70 | + width: 50%; | ||
| 60 | } | 71 | } |
| 72 | + | ||
| 61 | .top_item_center_title { | 73 | .top_item_center_title { |
| 62 | - font-size: 35rpx; | ||
| 63 | - color: #FB6451; | ||
| 64 | - -webkit-box-pack: start; | ||
| 65 | - -webkit-justify-content: flex-start; | ||
| 66 | - justify-content: flex-start; | ||
| 67 | - padding: 0 10rpx 15rpx 0rpx; | ||
| 68 | - word-break: break-all; | ||
| 69 | - /*属性规定自动换行的处理方法。normal(使用浏览器默认的换行规则。),break-all(允许在单词内换行。),keep-all(只能在半角空格或连字符处换行。)*/ | ||
| 70 | - text-overflow: ellipsis; | ||
| 71 | - display: -webkit-box; | ||
| 72 | - /** 对象作为伸缩盒子模型显示 **/ | ||
| 73 | - -webkit-box-orient: vertical; | ||
| 74 | - /** 设置或检索伸缩盒对象的子元素的排列方式 **/ | ||
| 75 | - -webkit-line-clamp: 2; | ||
| 76 | - /** 显示的行数 **/ | ||
| 77 | - overflow: hidden; | ||
| 78 | - /** 隐藏超出的内容 **/ | ||
| 79 | -} | 74 | + font-size: 35rpx; |
| 75 | + color: #fb6451; | ||
| 76 | + -webkit-box-pack: start; | ||
| 77 | + -webkit-justify-content: flex-start; | ||
| 78 | + justify-content: flex-start; | ||
| 79 | + padding: 0 10rpx 15rpx 0rpx; | ||
| 80 | + word-break: break-all; | ||
| 81 | + /*属性规定自动换行的处理方法。normal(使用浏览器默认的换行规则。),break-all(允许在单词内换行。),keep-all(只能在半角空格或连字符处换行。)*/ | ||
| 82 | + text-overflow: ellipsis; | ||
| 83 | + display: -webkit-box; | ||
| 84 | + /** 对象作为伸缩盒子模型显示 **/ | ||
| 85 | + -webkit-box-orient: vertical; | ||
| 86 | + /** 设置或检索伸缩盒对象的子元素的排列方式 **/ | ||
| 87 | + -webkit-line-clamp: 2; | ||
| 88 | + /** 显示的行数 **/ | ||
| 89 | + overflow: hidden; | ||
| 90 | + /** 隐藏超出的内容 **/ | ||
| 91 | +} | ||
| 92 | + | ||
| 80 | .top_item_center_ramke { | 93 | .top_item_center_ramke { |
| 81 | - font-size: 25rpx; | ||
| 82 | - -webkit-box-pack: start; | ||
| 83 | - -webkit-justify-content: flex-start; | ||
| 84 | - justify-content: flex-start; | ||
| 85 | - line-height: 35rpx; | ||
| 86 | - letter-spacing: 0.5rpx; | ||
| 87 | - word-break: break-all; | ||
| 88 | - /*属性规定自动换行的处理方法。normal(使用浏览器默认的换行规则。),break-all(允许在单词内换行。),keep-all(只能在半角空格或连字符处换行。)*/ | ||
| 89 | - text-overflow: ellipsis; | ||
| 90 | - display: -webkit-box; | ||
| 91 | - /** 对象作为伸缩盒子模型显示 **/ | ||
| 92 | - -webkit-box-orient: vertical; | ||
| 93 | - /** 设置或检索伸缩盒对象的子元素的排列方式 **/ | ||
| 94 | - -webkit-line-clamp: 2; | ||
| 95 | - /** 显示的行数 **/ | ||
| 96 | - overflow: hidden; | ||
| 97 | - /** 隐藏超出的内容 **/ | ||
| 98 | -} | 94 | + font-size: 25rpx; |
| 95 | + -webkit-box-pack: start; | ||
| 96 | + -webkit-justify-content: flex-start; | ||
| 97 | + justify-content: flex-start; | ||
| 98 | + line-height: 35rpx; | ||
| 99 | + letter-spacing: 0.5rpx; | ||
| 100 | + word-break: break-all; | ||
| 101 | + /*属性规定自动换行的处理方法。normal(使用浏览器默认的换行规则。),break-all(允许在单词内换行。),keep-all(只能在半角空格或连字符处换行。)*/ | ||
| 102 | + text-overflow: ellipsis; | ||
| 103 | + display: -webkit-box; | ||
| 104 | + /** 对象作为伸缩盒子模型显示 **/ | ||
| 105 | + -webkit-box-orient: vertical; | ||
| 106 | + /** 设置或检索伸缩盒对象的子元素的排列方式 **/ | ||
| 107 | + -webkit-line-clamp: 2; | ||
| 108 | + /** 显示的行数 **/ | ||
| 109 | + overflow: hidden; | ||
| 110 | + /** 隐藏超出的内容 **/ | ||
| 111 | +} | ||
| 112 | + | ||
| 99 | .top_item_button { | 113 | .top_item_button { |
| 100 | - float: right; | ||
| 101 | - width: 22%; | ||
| 102 | - padding: 65rpx 20rpx 0 1rpx; | 114 | + float: right; |
| 115 | + width: 22%; | ||
| 116 | + padding: 65rpx 20rpx 0 1rpx; | ||
| 103 | } | 117 | } |
| 118 | + | ||
| 104 | .top_item_button button { | 119 | .top_item_button button { |
| 105 | - font-size: 25rpx; | ||
| 106 | - background: #fd6969; | ||
| 107 | - color: #FFFFFF; | ||
| 108 | - border-radius: 50rpx; | ||
| 109 | - height: 45rpx; | ||
| 110 | - line-height: 45rpx; | ||
| 111 | -} | 120 | + font-size: 25rpx; |
| 121 | + background: #fd6969; | ||
| 122 | + color: #fff; | ||
| 123 | + border-radius: 50rpx; | ||
| 124 | + height: 45rpx; | ||
| 125 | + line-height: 45rpx; | ||
| 126 | +} | ||
| 127 | + | ||
| 112 | .top_card { | 128 | .top_card { |
| 113 | - width: calc(50% - 30rpx); | ||
| 114 | - display: inline-block; | ||
| 115 | - margin: 15rpx; | 129 | + width: calc(50% - 30rpx); |
| 130 | + display: inline-block; | ||
| 131 | + margin: 15rpx; | ||
| 116 | } | 132 | } |
| 133 | + | ||
| 117 | .top_card_box { | 134 | .top_card_box { |
| 118 | - background-size: cover; | ||
| 119 | - background-position: center; | ||
| 120 | - background-repeat: no-repeat; | ||
| 121 | - border-radius: 20rpx; | ||
| 122 | - height: 250rpx; | ||
| 123 | - margin: 5rpx; | ||
| 124 | -} | 135 | + background-size: cover; |
| 136 | + background-position: center; | ||
| 137 | + background-repeat: no-repeat; | ||
| 138 | + border-radius: 20rpx; | ||
| 139 | + height: 250rpx; | ||
| 140 | + margin: 5rpx; | ||
| 141 | +} | ||
| 142 | + | ||
| 125 | .img1 { | 143 | .img1 { |
| 126 | - background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip01.png); | 144 | + background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip01.png); |
| 127 | } | 145 | } |
| 146 | + | ||
| 128 | .img2 { | 147 | .img2 { |
| 129 | - background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip02.png); | 148 | + background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip02.png); |
| 130 | } | 149 | } |
| 150 | + | ||
| 131 | .img3 { | 151 | .img3 { |
| 132 | - background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip03.png); | 152 | + background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip03.png); |
| 133 | } | 153 | } |
| 154 | + | ||
| 134 | .top_card_tite_box { | 155 | .top_card_tite_box { |
| 135 | - width: 100%; | ||
| 136 | - display: -webkit-box; | ||
| 137 | - display: -webkit-flex; | ||
| 138 | - display: flex; | ||
| 139 | - -webkit-box-pack: end; | ||
| 140 | - -webkit-justify-content: flex-end; | ||
| 141 | - justify-content: flex-end; | ||
| 142 | -} | 156 | + width: 100%; |
| 157 | + display: -webkit-box; | ||
| 158 | + display: -webkit-flex; | ||
| 159 | + display: flex; | ||
| 160 | + -webkit-box-pack: end; | ||
| 161 | + -webkit-justify-content: flex-end; | ||
| 162 | + justify-content: flex-end; | ||
| 163 | +} | ||
| 164 | + | ||
| 143 | .top_card_tite_a { | 165 | .top_card_tite_a { |
| 144 | - padding: 5rpx 25rpx 5rpx 25rpx; | ||
| 145 | - line-height: 29rpx; | ||
| 146 | - font-size: 25rpx; | ||
| 147 | - color: #FFFFFF; | ||
| 148 | - background: #ffa7c0; | ||
| 149 | - border-radius: 0rpx 20rpx 0rpx 6rpx; | ||
| 150 | -} | 166 | + padding: 5rpx 25rpx 5rpx 25rpx; |
| 167 | + line-height: 29rpx; | ||
| 168 | + font-size: 25rpx; | ||
| 169 | + color: #fff; | ||
| 170 | + background: #ffa7c0; | ||
| 171 | + border-radius: 0rpx 20rpx 0rpx 6rpx; | ||
| 172 | +} | ||
| 173 | + | ||
| 151 | .top_card_tite_b { | 174 | .top_card_tite_b { |
| 152 | - padding: 5rpx 25rpx 5rpx 25rpx; | ||
| 153 | - line-height: 29rpx; | ||
| 154 | - font-size: 25rpx; | ||
| 155 | - color: #FFFFFF; | ||
| 156 | - background: #50dfdb; | ||
| 157 | - border-radius: 0rpx 20rpx 0rpx 6rpx; | ||
| 158 | -} | 175 | + padding: 5rpx 25rpx 5rpx 25rpx; |
| 176 | + line-height: 29rpx; | ||
| 177 | + font-size: 25rpx; | ||
| 178 | + color: #fff; | ||
| 179 | + background: #50dfdb; | ||
| 180 | + border-radius: 0rpx 20rpx 0rpx 6rpx; | ||
| 181 | +} | ||
| 182 | + | ||
| 159 | .top_card_tite_c { | 183 | .top_card_tite_c { |
| 160 | - padding: 5rpx 25rpx 5rpx 25rpx; | ||
| 161 | - line-height: 29rpx; | ||
| 162 | - font-size: 25rpx; | ||
| 163 | - color: #FFFFFF; | ||
| 164 | - background: #92cbff; | ||
| 165 | - border-radius: 0rpx 20rpx 0rpx 6rpx; | ||
| 166 | -} | 184 | + padding: 5rpx 25rpx 5rpx 25rpx; |
| 185 | + line-height: 29rpx; | ||
| 186 | + font-size: 25rpx; | ||
| 187 | + color: #fff; | ||
| 188 | + background: #92cbff; | ||
| 189 | + border-radius: 0rpx 20rpx 0rpx 6rpx; | ||
| 190 | +} | ||
| 191 | + | ||
| 167 | .top_card_tite_d { | 192 | .top_card_tite_d { |
| 168 | - padding: 5rpx 25rpx 5rpx 25rpx; | ||
| 169 | - line-height: 29rpx; | ||
| 170 | - font-size: 25rpx; | ||
| 171 | - color: #FFFFFF; | ||
| 172 | - border-radius: 0rpx 20rpx 0rpx 6rpx; | 193 | + padding: 5rpx 25rpx 5rpx 25rpx; |
| 194 | + line-height: 29rpx; | ||
| 195 | + font-size: 25rpx; | ||
| 196 | + color: #fff; | ||
| 197 | + border-radius: 0rpx 20rpx 0rpx 6rpx; | ||
| 173 | } | 198 | } |
| 199 | + | ||
| 174 | .top_card_counte { | 200 | .top_card_counte { |
| 175 | - padding: 40rpx 20rpx 0 0; | ||
| 176 | - text-align: center; | ||
| 177 | - display: -webkit-box; | ||
| 178 | - display: -webkit-flex; | ||
| 179 | - display: flex; | ||
| 180 | - -webkit-box-pack: center; | ||
| 181 | - -webkit-justify-content: center; | ||
| 182 | - justify-content: center; | ||
| 183 | - -webkit-box-align: center; | ||
| 184 | - -webkit-align-items: center; | ||
| 185 | - align-items: center; | ||
| 186 | - color: #FFFFFF; | ||
| 187 | - font-size: 40rpx; | ||
| 188 | -} | 201 | + padding: 40rpx 20rpx 0 0; |
| 202 | + text-align: center; | ||
| 203 | + display: -webkit-box; | ||
| 204 | + display: -webkit-flex; | ||
| 205 | + display: flex; | ||
| 206 | + -webkit-box-pack: center; | ||
| 207 | + -webkit-justify-content: center; | ||
| 208 | + justify-content: center; | ||
| 209 | + -webkit-box-align: center; | ||
| 210 | + -webkit-align-items: center; | ||
| 211 | + align-items: center; | ||
| 212 | + color: #fff; | ||
| 213 | + font-size: 40rpx; | ||
| 214 | +} | ||
| 215 | + | ||
| 189 | .top_card_remak { | 216 | .top_card_remak { |
| 190 | - padding: 20rpx 0 40rpx 0; | ||
| 191 | - text-align: center; | ||
| 192 | - display: -webkit-box; | ||
| 193 | - display: -webkit-flex; | ||
| 194 | - display: flex; | ||
| 195 | - -webkit-box-pack: center; | ||
| 196 | - -webkit-justify-content: center; | ||
| 197 | - justify-content: center; | ||
| 198 | - -webkit-box-align: center; | ||
| 199 | - -webkit-align-items: center; | ||
| 200 | - align-items: center; | ||
| 201 | - font-size: 20rpx; | ||
| 202 | - color: #FFFFFF; | ||
| 203 | -} | 217 | + padding: 20rpx 0 40rpx 0; |
| 218 | + text-align: center; | ||
| 219 | + display: -webkit-box; | ||
| 220 | + display: -webkit-flex; | ||
| 221 | + display: flex; | ||
| 222 | + -webkit-box-pack: center; | ||
| 223 | + -webkit-justify-content: center; | ||
| 224 | + justify-content: center; | ||
| 225 | + -webkit-box-align: center; | ||
| 226 | + -webkit-align-items: center; | ||
| 227 | + align-items: center; | ||
| 228 | + font-size: 20rpx; | ||
| 229 | + color: #fff; | ||
| 230 | +} | ||
| 231 | + | ||
| 204 | .top_card_button_a button { | 232 | .top_card_button_a button { |
| 205 | - margin: 0 85rpx; | ||
| 206 | - background: #ffa6bc; | ||
| 207 | - border-radius: 50rpx; | ||
| 208 | - line-height: 40rpx; | ||
| 209 | - height: 40rpx; | ||
| 210 | - color: white; | ||
| 211 | - font-size: 25rpx; | ||
| 212 | -} | 233 | + margin: 0 85rpx; |
| 234 | + background: #ffa6bc; | ||
| 235 | + border-radius: 50rpx; | ||
| 236 | + line-height: 40rpx; | ||
| 237 | + height: 40rpx; | ||
| 238 | + color: white; | ||
| 239 | + font-size: 25rpx; | ||
| 240 | +} | ||
| 241 | + | ||
| 213 | .top_card_button_b button { | 242 | .top_card_button_b button { |
| 214 | - margin: 0 85rpx; | ||
| 215 | - background: #50dfdb; | ||
| 216 | - border-radius: 50rpx; | ||
| 217 | - line-height: 40rpx; | ||
| 218 | - height: 40rpx; | ||
| 219 | - color: white; | ||
| 220 | - font-size: 25rpx; | ||
| 221 | -} | 243 | + margin: 0 85rpx; |
| 244 | + background: #50dfdb; | ||
| 245 | + border-radius: 50rpx; | ||
| 246 | + line-height: 40rpx; | ||
| 247 | + height: 40rpx; | ||
| 248 | + color: white; | ||
| 249 | + font-size: 25rpx; | ||
| 250 | +} | ||
| 251 | + | ||
| 222 | .top_card_button_c button { | 252 | .top_card_button_c button { |
| 223 | - margin: 0 85rpx; | ||
| 224 | - background: #75bcfc; | ||
| 225 | - border-radius: 50rpx; | ||
| 226 | - line-height: 40rpx; | ||
| 227 | - height: 40rpx; | ||
| 228 | - color: white; | ||
| 229 | - font-size: 25rpx; | ||
| 230 | -} | 253 | + margin: 0 85rpx; |
| 254 | + background: #75bcfc; | ||
| 255 | + border-radius: 50rpx; | ||
| 256 | + line-height: 40rpx; | ||
| 257 | + height: 40rpx; | ||
| 258 | + color: white; | ||
| 259 | + font-size: 25rpx; | ||
| 260 | +} | ||
| 261 | + | ||
| 231 | .top_card_button_d button { | 262 | .top_card_button_d button { |
| 232 | - margin: 0 85rpx; | ||
| 233 | - border-radius: 50rpx; | ||
| 234 | - line-height: 40rpx; | ||
| 235 | - height: 40rpx; | ||
| 236 | - color: white; | ||
| 237 | - font-size: 25rpx; | ||
| 238 | -} | 263 | + margin: 0 85rpx; |
| 264 | + border-radius: 50rpx; | ||
| 265 | + line-height: 40rpx; | ||
| 266 | + height: 40rpx; | ||
| 267 | + color: white; | ||
| 268 | + font-size: 25rpx; | ||
| 269 | +} | ||
| 270 | + | ||
| 239 | .top_box_image { | 271 | .top_box_image { |
| 240 | - padding: 20rpx 20rpx 20rpx 20rpx; | 272 | + padding: 20rpx 20rpx 20rpx 20rpx; |
| 241 | } | 273 | } |
| 274 | + | ||
| 242 | .top_box_image image { | 275 | .top_box_image image { |
| 243 | - height: 216rpx; | ||
| 244 | - width: 100%; | 276 | + height: 216rpx; |
| 277 | + width: 100%; | ||
| 245 | } | 278 | } |
| 279 | + | ||
| 246 | .top_box_image button { | 280 | .top_box_image button { |
| 247 | - margin: 15rpx 95rpx 0rpx 95rpx; | ||
| 248 | - background: #fe6a6a; | ||
| 249 | - border-radius: 50rpx; | ||
| 250 | - line-height: 60rpx; | ||
| 251 | - height: 60rpx; | ||
| 252 | - color: white; | ||
| 253 | - font-size: 30rpx; | ||
| 254 | -} | 281 | + margin: 15rpx 95rpx 0rpx 95rpx; |
| 282 | + background: #fe6a6a; | ||
| 283 | + border-radius: 50rpx; | ||
| 284 | + line-height: 60rpx; | ||
| 285 | + height: 60rpx; | ||
| 286 | + color: white; | ||
| 287 | + font-size: 30rpx; | ||
| 288 | +} | ||
| 289 | + | ||
| 255 | .foot_box { | 290 | .foot_box { |
| 256 | - margin: 0 30rpx 40rpx 30rpx; | ||
| 257 | - background: #FFFFFF; | ||
| 258 | - border-radius: 20rpx; | 291 | + margin: 0 30rpx 40rpx 30rpx; |
| 292 | + background: #fff; | ||
| 293 | + border-radius: 20rpx; | ||
| 259 | } | 294 | } |
| 295 | + | ||
| 260 | .foot_box_title { | 296 | .foot_box_title { |
| 261 | - color: #000000; | ||
| 262 | - padding: 20rpx 30rpx 20rpx 30rpx; | 297 | + color: #000; |
| 298 | + padding: 20rpx 30rpx 20rpx 30rpx; | ||
| 263 | } | 299 | } |
| 300 | + | ||
| 264 | .foot_box_text { | 301 | .foot_box_text { |
| 265 | - font-size: 30rpx; | ||
| 266 | - color: #000000; | ||
| 267 | - line-height: 48rpx; | ||
| 268 | - padding: 20rpx 35rpx 50rpx 30rpx; | 302 | + font-size: 30rpx; |
| 303 | + color: #000; | ||
| 304 | + line-height: 48rpx; | ||
| 305 | + padding: 20rpx 35rpx 50rpx 30rpx; | ||
| 269 | } | 306 | } |
| 307 | + | ||
| 270 | .button_box { | 308 | .button_box { |
| 271 | - margin: 50rpx 50rpx 50rpx 50rpx; | ||
| 272 | - text-align: center; | 309 | + margin: 50rpx 50rpx 50rpx 50rpx; |
| 310 | + text-align: center; | ||
| 273 | } | 311 | } |
| 312 | + | ||
| 274 | .button { | 313 | .button { |
| 275 | - margin: 0 30rpx; | ||
| 276 | - background: #ff9a8c; | ||
| 277 | - border-radius: 50rpx; | ||
| 278 | - line-height: 80rpx; | ||
| 279 | - height: 80rpx; | ||
| 280 | - color: white; | ||
| 281 | - font-size: 35rpx; | ||
| 282 | -} | 314 | + margin: 0 30rpx; |
| 315 | + background: #ff9a8c; | ||
| 316 | + border-radius: 50rpx; | ||
| 317 | + line-height: 80rpx; | ||
| 318 | + height: 80rpx; | ||
| 319 | + color: white; | ||
| 320 | + font-size: 35rpx; | ||
| 321 | +} | ||
| 322 | + | ||
| 283 | .button_text { | 323 | .button_text { |
| 284 | - padding-top: 20rpx; | ||
| 285 | - font-size: 20rpx; | ||
| 286 | - color: white; | ||
| 287 | - height: 100rpx; | 324 | + padding-top: 20rpx; |
| 325 | + font-size: 20rpx; | ||
| 326 | + color: white; | ||
| 327 | + height: 100rpx; | ||
| 288 | } | 328 | } |
| 329 | + | ||
| 289 | .foot_empty { | 330 | .foot_empty { |
| 290 | - height: 90rpx; | 331 | + height: 90rpx; |
| 291 | } | 332 | } |
| 333 | + | ||
| 292 | .foot_button { | 334 | .foot_button { |
| 293 | - display: -webkit-box; | ||
| 294 | - display: -webkit-flex; | ||
| 295 | - display: flex; | ||
| 296 | - margin: 20rpx 0rpx 0rpx 0rpx; | ||
| 297 | - padding: 25rpx 0rpx; | ||
| 298 | - background: #FFFFFF; | ||
| 299 | - text-align: center; | ||
| 300 | - -webkit-box-pack: center; | ||
| 301 | - -webkit-justify-content: center; | ||
| 302 | - justify-content: center; | ||
| 303 | - position: fixed; | ||
| 304 | - bottom: 0; | ||
| 305 | - left: 0; | ||
| 306 | - width: 100%; | 335 | + display: -webkit-box; |
| 336 | + display: -webkit-flex; | ||
| 337 | + display: flex; | ||
| 338 | + margin: 20rpx 0rpx 0rpx 0rpx; | ||
| 339 | + padding: 25rpx 0rpx; | ||
| 340 | + background: #fff; | ||
| 341 | + text-align: center; | ||
| 342 | + -webkit-box-pack: center; | ||
| 343 | + -webkit-justify-content: center; | ||
| 344 | + justify-content: center; | ||
| 345 | + position: fixed; | ||
| 346 | + bottom: 0; | ||
| 347 | + left: 0; | ||
| 348 | + width: 100%; | ||
| 307 | } | 349 | } |
| 350 | + | ||
| 308 | .foot_button_buy { | 351 | .foot_button_buy { |
| 309 | - background: #e4010c; | ||
| 310 | - color: #FFFFFF; | ||
| 311 | - width: 400rpx; | ||
| 312 | - height: 70rpx; | ||
| 313 | - font-size: 28rpx; | ||
| 314 | - line-height: 70rpx; | ||
| 315 | - border-radius: 40rpx; | ||
| 316 | -} | ||
| 317 | -.foot_button_notbuy{ | ||
| 318 | - background: #999999; | ||
| 319 | - color: #FFFFFF; | ||
| 320 | - width: 400rpx; | ||
| 321 | - height: 70rpx; | ||
| 322 | - font-size: 28rpx; | ||
| 323 | - line-height: 70rpx; | ||
| 324 | - border-radius: 30rpx 30rpx 30rpx 30rpx; | 352 | + background: #e4010c; |
| 353 | + color: #fff; | ||
| 354 | + width: 400rpx; | ||
| 355 | + height: 70rpx; | ||
| 356 | + font-size: 28rpx; | ||
| 357 | + line-height: 70rpx; | ||
| 358 | + border-radius: 40rpx; | ||
| 359 | +} | ||
| 360 | + | ||
| 361 | +.foot_button_notbuy { | ||
| 362 | + background: #999; | ||
| 363 | + color: #fff; | ||
| 364 | + width: 400rpx; | ||
| 365 | + height: 70rpx; | ||
| 366 | + font-size: 28rpx; | ||
| 367 | + line-height: 70rpx; | ||
| 368 | + border-radius: 40rpx; | ||
| 325 | } | 369 | } |
| 370 | + | ||
| 326 | page { | 371 | page { |
| 327 | background-color: #fb6451; | 372 | background-color: #fb6451; |
| 328 | } | 373 | } |
| 374 | + | ||
| 329 | button::after { | 375 | button::after { |
| 330 | border: none; | 376 | border: none; |
| 331 | } | 377 | } |
| 378 | + | ||
| 332 | .foot_box_text ._img { | 379 | .foot_box_text ._img { |
| 333 | width: 100%; | 380 | width: 100%; |
| 334 | } | 381 | } |
| 382 | + | ||
| 335 | .foot_box_text .img { | 383 | .foot_box_text .img { |
| 336 | line-height: 0; | 384 | line-height: 0; |
| 337 | } | 385 | } |
| 338 | -.image{ | 386 | + |
| 387 | +.image { | ||
| 339 | width: 400rpx; | 388 | width: 400rpx; |
| 340 | height: 200rpx; | 389 | height: 200rpx; |
| 341 | } | 390 | } |
| 391 | + | ||
| 392 | +.num { | ||
| 393 | + color: #fb6451; | ||
| 394 | +} | ||
| 395 | + | ||
| 396 | +.lvip { | ||
| 397 | + left: 30rpx; | ||
| 398 | + bottom: -58rpx; | ||
| 399 | + width: 20rpx; | ||
| 400 | + height: 90rpx; | ||
| 401 | + z-index: 5; | ||
| 402 | +} | ||
| 403 | + | ||
| 404 | +.rvip { | ||
| 405 | + right: 30rpx; | ||
| 406 | + bottom: -58rpx; | ||
| 407 | + width: 20rpx; | ||
| 408 | + height: 90rpx; | ||
| 409 | + z-index: 5; | ||
| 410 | +} |