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 | 42 | } |
| 43 | 43 | }).then(res => { |
| 44 | 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 | 47 | th.setData({ |
| 48 | 48 | cardShow: true, |
| 49 | 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 | 54 | th.setData({ |
| 55 | 55 | itemShow: true, | ... | ... |
pages/giftpack/newvipgift/newvipgift.wxml
| 1 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 50 | </view> |
| 51 | + </view> | |
| 150 | 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 | 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 | 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 | 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 | 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 | 166 | </view> |
| 167 | + </view> | |
| 166 | 168 | </view> |
| 167 | 169 | <!-- 引入提示组件 --> |
| 168 | 170 | <warn id="warn"></warn> | ... | ... |
pages/giftpack/newvipgift/newvipgift.wxss
| 1 | 1 | @charset "UTF-8"; |
| 2 | + | |
| 2 | 3 | /* Author XGQ |
| 3 | 4 | * 2019-10-27 |
| 4 | 5 | */ |
| 6 | + | |
| 5 | 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 | 13 | .image_box image { |
| 11 | - width: 100%; | |
| 12 | - height: 690rpx; | |
| 14 | + width: 100%; | |
| 15 | + height: 690rpx; | |
| 13 | 16 | } |
| 17 | + | |
| 14 | 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 | 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 | 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 | 42 | .top_box_text text { |
| 36 | - color: #FB6451; | |
| 37 | - font-size: 40rpx; | |
| 43 | + color: #fb6451; | |
| 44 | + font-size: 40rpx; | |
| 38 | 45 | } |
| 46 | + | |
| 39 | 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 | 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 | 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 | 68 | .top_item_center { |
| 58 | - float: left; | |
| 59 | - width: 50%; | |
| 69 | + float: left; | |
| 70 | + width: 50%; | |
| 60 | 71 | } |
| 72 | + | |
| 61 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 271 | .top_box_image { |
| 240 | - padding: 20rpx 20rpx 20rpx 20rpx; | |
| 272 | + padding: 20rpx 20rpx 20rpx 20rpx; | |
| 241 | 273 | } |
| 274 | + | |
| 242 | 275 | .top_box_image image { |
| 243 | - height: 216rpx; | |
| 244 | - width: 100%; | |
| 276 | + height: 216rpx; | |
| 277 | + width: 100%; | |
| 245 | 278 | } |
| 279 | + | |
| 246 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 330 | .foot_empty { |
| 290 | - height: 90rpx; | |
| 331 | + height: 90rpx; | |
| 291 | 332 | } |
| 333 | + | |
| 292 | 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 | 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 | 371 | page { |
| 327 | 372 | background-color: #fb6451; |
| 328 | 373 | } |
| 374 | + | |
| 329 | 375 | button::after { |
| 330 | 376 | border: none; |
| 331 | 377 | } |
| 378 | + | |
| 332 | 379 | .foot_box_text ._img { |
| 333 | 380 | width: 100%; |
| 334 | 381 | } |
| 382 | + | |
| 335 | 383 | .foot_box_text .img { |
| 336 | 384 | line-height: 0; |
| 337 | 385 | } |
| 338 | -.image{ | |
| 386 | + | |
| 387 | +.image { | |
| 339 | 388 | width: 400rpx; |
| 340 | 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 | +} | ... | ... |