Commit f999291ba4c2199edfeab9d740a444cf24083bfd
1 parent
d10529fa
评价有礼页面提交
Showing
3 changed files
with
0 additions
and
753 deletions
pages/giftpack/evaluategift/evaluategift.js deleted
| 1 | -var i = require("../../../utils/util.js") | ||
| 2 | -var e = getApp(), | ||
| 3 | - a = e.globalData.setting, | ||
| 4 | - os = a, | ||
| 5 | - t = e.request, | ||
| 6 | - d = e.globalData; | ||
| 7 | -Page({ | ||
| 8 | - data: { | ||
| 9 | - url: a.url, //接口网址 | ||
| 10 | - iurl: a.imghost, //图片前缀网址 | ||
| 11 | - itemShow: false, //项目栏目是否显示 | ||
| 12 | - cardShow: false, //代金券栏目是否显示 | ||
| 13 | - packShow: false, //福利栏目是否显示 | ||
| 14 | - textShow: false, //规则是否显示 | ||
| 15 | - integralShow: true, //积分领取是否显示 | ||
| 16 | - growUpShow: true, //成长值领取是否显示 | ||
| 17 | - itemButton: '', | ||
| 18 | - cardButton: '', | ||
| 19 | - getActId: '', | ||
| 20 | - getActType: '', | ||
| 21 | - giftBagId: '', | ||
| 22 | - receiveState: '一键全部领取', | ||
| 23 | - textTitle: '', | ||
| 24 | - getUrl: '', | ||
| 25 | - noShow: false, | ||
| 26 | - cards: [], //礼包内容--礼券 | ||
| 27 | - itemWare: [], //礼包内容--服务项目 | ||
| 28 | - integralTitle: "", | ||
| 29 | - growUpTitle: "", | ||
| 30 | - is_sub: 0, //是否重复领取 | ||
| 31 | - orderNumber: "", //订单号 | ||
| 32 | - orderGoodsId: "", //商品id | ||
| 33 | - orderType:1, | ||
| 34 | - }, | ||
| 35 | - GetList: function() { | ||
| 36 | - var th = this; | ||
| 37 | - var url = "/api/weshop/marketing/giftbag/bound/get"; | ||
| 38 | - getApp().request.promiseGet(url, { | ||
| 39 | - data: { | ||
| 40 | - "actId": th.data.getActId, //活动Id | ||
| 41 | - "actType": 2, //活动类型 1:新人礼、2:评价有礼、3:节日营销、4:生日营销 | ||
| 42 | - "storeId": a.stoid, //商家Id | ||
| 43 | - "userId": d.user_id, //用户ID | ||
| 44 | - "orderNumber": th.data.orderNumber, | ||
| 45 | - "orderType": th.data.orderType, | ||
| 46 | - "orderGoodsId": th.data.orderGoodsId, | ||
| 47 | - "gifbagid": th.data.giftBagId | ||
| 48 | - } | ||
| 49 | - }).then(res => { | ||
| 50 | - if (res.data.code == 0) { | ||
| 51 | - if (res.data.data.lbCoupons.length > 0 && res.data.data.lbCoupons != null) { | ||
| 52 | - //礼包内容--礼券 | ||
| 53 | - th.setData({ | ||
| 54 | - cardShow: true, | ||
| 55 | - cards: res.data.data.lbCoupons | ||
| 56 | - }) | ||
| 57 | - } | ||
| 58 | - if (res.data.data.lbSM.length > 0 && res.data.data.lbSM != null) { | ||
| 59 | - //礼包内容--服务项目 | ||
| 60 | - th.setData({ | ||
| 61 | - itemShow: true, | ||
| 62 | - itemWare: res.data.data.lbSM | ||
| 63 | - }) | ||
| 64 | - } | ||
| 65 | - //礼包积分 | ||
| 66 | - if (res.data.data.lbIntegral <= 0) { | ||
| 67 | - if (res.data.data.lbGrowthValue <= 0) { | ||
| 68 | - th.setData({ | ||
| 69 | - packShow: false | ||
| 70 | - }) | ||
| 71 | - } else { | ||
| 72 | - th.setData({ | ||
| 73 | - packShow: false, | ||
| 74 | - integralShow: false, | ||
| 75 | - growUpShow: true | ||
| 76 | - }) | ||
| 77 | - } | ||
| 78 | - | ||
| 79 | - } else { | ||
| 80 | - if (res.data.data.lbGrowthValue > 0) { | ||
| 81 | - th.setData({ | ||
| 82 | - packShow: true | ||
| 83 | - }) | ||
| 84 | - } else { | ||
| 85 | - th.setData({ | ||
| 86 | - packShow: true, | ||
| 87 | - integralShow: true, | ||
| 88 | - growUpShow: false | ||
| 89 | - }) | ||
| 90 | - } | ||
| 91 | - } | ||
| 92 | - th.setData({ | ||
| 93 | - integralTitle: '价值' + res.data.data.lbIntegral + '积分', | ||
| 94 | - growUpTitle: '价值' + res.data.data.lbGrowthValue + '成长值' | ||
| 95 | - }) | ||
| 96 | - if (res.data.data.receiveState == 0) { | ||
| 97 | - th.setData({ | ||
| 98 | - receiveState: '一键全部领取' | ||
| 99 | - }) | ||
| 100 | - } else { | ||
| 101 | - th.setData({ | ||
| 102 | - receiveState: '已领取' | ||
| 103 | - }) | ||
| 104 | - } | ||
| 105 | - | ||
| 106 | - if (res.data.data.actIntro != '') { | ||
| 107 | - th.setData({ | ||
| 108 | - textShow: true, | ||
| 109 | - textTitle: res.data.data.actIntro | ||
| 110 | - }) | ||
| 111 | - } | ||
| 112 | - } else { | ||
| 113 | - getApp().my_warnning(res.data.msg, 0, th); | ||
| 114 | - return false; | ||
| 115 | - } | ||
| 116 | - }) | ||
| 117 | - }, | ||
| 118 | - onLoad: function(options) { | ||
| 119 | - var th = this; | ||
| 120 | - th.setData({ | ||
| 121 | - getActId: options.actId, | ||
| 122 | - orderNumber: options.orderNumber, | ||
| 123 | - orderGoodsId: options.orderGoodsId, | ||
| 124 | - giftBagId: options.giftBagId | ||
| 125 | - }) | ||
| 126 | - | ||
| 127 | - var orderType = options.orderType; | ||
| 128 | - if (orderType) { | ||
| 129 | - th.setData({ orderType: orderType}) | ||
| 130 | - } | ||
| 131 | - | ||
| 132 | - | ||
| 133 | - th.GetList(); | ||
| 134 | - }, | ||
| 135 | - onShow: function() { | ||
| 136 | - var th = this; | ||
| 137 | - var textTitle = th.data.textTitle.replace(/<p><img/gi, "<p class='img'><img"); | ||
| 138 | - th.setData({ | ||
| 139 | - textTitle: textTitle | ||
| 140 | - }) | ||
| 141 | - }, | ||
| 142 | - GetReceive: function() { | ||
| 143 | - var th = this; | ||
| 144 | - if (th.data.receiveState == '已领取') { | ||
| 145 | - return false; | ||
| 146 | - } | ||
| 147 | - var is_sub = th.data.is_sub; //判断是否重复提交 | ||
| 148 | - if (is_sub == 0) { | ||
| 149 | - th.setData({ | ||
| 150 | - is_sub: 1 | ||
| 151 | - }) | ||
| 152 | - | ||
| 153 | - var json = { | ||
| 154 | - "actId": th.data.getActId, //活动Id | ||
| 155 | - "actType": 2, //活动类型 1:新人礼、2:评价有礼、3:节日营销、4:生日营销 | ||
| 156 | - "storeId": a.stoid, //商家Id | ||
| 157 | - "userId": d.user_id, //用户ID | ||
| 158 | - "orderNumber": th.data.orderNumber, | ||
| 159 | - "orderType": th.data.orderType, | ||
| 160 | - "orderGoodsId": th.data.orderGoodsId, | ||
| 161 | - "giftBagId": th.data.giftBagId | ||
| 162 | - }; | ||
| 163 | - var data = JSON.stringify(json); | ||
| 164 | - var url = th.data.url + "/api/weshop/marketing/free/receive/gift/record/insert"; | ||
| 165 | - wx.request({ | ||
| 166 | - url: url, | ||
| 167 | - data: data, | ||
| 168 | - method: 'post', | ||
| 169 | - header: { | ||
| 170 | - 'content-type': 'application/json' | ||
| 171 | - }, // 设置请求的 header | ||
| 172 | - success: function(res) { | ||
| 173 | - th.setData({ | ||
| 174 | - is_sub: 0 | ||
| 175 | - }) | ||
| 176 | - if (res.data.code == 0) { | ||
| 177 | - th.setData({ | ||
| 178 | - receiveState: '已领取' | ||
| 179 | - }) | ||
| 180 | - getApp().my_warnning("领取成功", 1, th); | ||
| 181 | - } else { | ||
| 182 | - getApp().my_warnning(res.data.msg, 0, th); | ||
| 183 | - } | ||
| 184 | - } | ||
| 185 | - }) | ||
| 186 | - } | ||
| 187 | - }, | ||
| 188 | - //界面跳转 | ||
| 189 | - goto: function(e) { | ||
| 190 | - var url = e.currentTarget.dataset.url; | ||
| 191 | - getApp().goto(url); | ||
| 192 | - }, | ||
| 193 | - //图片失败，默认图片 | ||
| 194 | - bind_bnerr1: function(e) { | ||
| 195 | - var th = this; | ||
| 196 | - var _errImg = e.target.dataset.errorimg; | ||
| 197 | - var _Img = e.target.dataset.img; | ||
| 198 | - if (_Img != undefined) { | ||
| 199 | - var _errObj = {}; | ||
| 200 | - _errObj[_errImg] = "/miniapp/images/giftbag/gift02.png"; | ||
| 201 | - th.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; | ||
| 202 | - } | ||
| 203 | - }, | ||
| 204 | -}); | ||
| 205 | \ No newline at end of file | 0 | \ No newline at end of file |
pages/giftpack/evaluategift/evaluategift.wxml deleted
| 1 | -<view> | ||
| 2 | - <view class="image_box"> | ||
| 3 | - <image src="{{iurl+'miniapp/images/giftbag/eval00.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> | ||
| 50 | - </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> | ||
| 56 | - </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 | - <view class="top_card_tite_box "> | ||
| 76 | - <block wx:if="{{item.useObjectType==0}}"> | ||
| 77 | - <view class="top_card_tite_a">全场通用</view> | ||
| 78 | - </block> | ||
| 79 | - <block wx:if="{{item.useObjectType==1}}"> | ||
| 80 | - <view class="top_card_tite_b">品牌限定</view> | ||
| 81 | - </block> | ||
| 82 | - <block wx:if="{{item.useObjectType==2}}"> | ||
| 83 | - <view class="top_card_tite_c">品类限定</view> | ||
| 84 | - </block> | ||
| 85 | - <block wx:if="{{item.useObjectType==11}}"> | ||
| 86 | - <view class="top_card_tite_a">用途限定</view> | ||
| 87 | - </block> | ||
| 88 | - <block wx:if="{{item.useObjectType==12}}"> | ||
| 89 | - <view class="top_card_tite_a">分类限定</view> | ||
| 90 | - </block> | ||
| 91 | - </view> | ||
| 92 | - <view class="top_card_counte ">{{item.sum+"元券"}}</view> | ||
| 93 | - <view class="top_card_remak ">{{"满"+item.buySum+"元可以用"}}</view> | ||
| 94 | - </view> | ||
| 95 | - </view> | ||
| 96 | - </block> | ||
| 97 | - </view> | ||
| 98 | - </view> | ||
| 99 | - </block> | ||
| 100 | - <block wx:if="{{cardShow}}"> | ||
| 101 | - <view> | ||
| 102 | - <view> | ||
| 103 | - <image style="width:10px;height:47px;float:left;top:-38px;left:55px;" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image> | ||
| 104 | - <image style="width:10px;height:47px;float:right;top:-38px;right:55px;" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image> | ||
| 105 | - </view> | ||
| 106 | - </view> | ||
| 107 | - </block> | ||
| 108 | - <block wx:if="{{packShow}}"> | ||
| 109 | - <view > | ||
| 110 | - <view class="top "> | ||
| 111 | - <view class="top_box "> | ||
| 112 | - <view class="top_box_text "> | ||
| 113 | - <text >———</text> | ||
| 114 | - </view> | ||
| 115 | - <view class="top_box_text "> | ||
| 116 | - <text >新人专享福利</text> | ||
| 117 | - </view> | ||
| 118 | - <view class="top_box_text "> | ||
| 119 | - <text >———</text> | ||
| 120 | - </view> | ||
| 121 | - </view> | ||
| 122 | - <block wx:if="{{integralShow}}"> | ||
| 123 | - <view> | ||
| 124 | - <view class="top_box_image "> | ||
| 125 | - <image src="{{iurl+'/miniapp/images/giftbag/vip06.jpg'}}" lazy-load="true"></image> | ||
| 126 | - <button>{{integralTitle}}</button> | ||
| 127 | - </view> | ||
| 128 | - </view> | ||
| 129 | - </block> | ||
| 130 | - <block wx:if="{{growUpShow}}"> | ||
| 131 | - <view > | ||
| 132 | - <view class="top_box_image fs36"> | ||
| 133 | - <image src="{{iurl+'/miniapp/images/giftbag/vip07.jpg'}}" lazy-load="true"></image> | ||
| 134 | - <button>{{growUpTitle}}</button> | ||
| 135 | - </view> | ||
| 136 | - </view> | ||
| 137 | - </block> | ||
| 138 | - </view> | ||
| 139 | - </view> | ||
| 140 | - </block> | ||
| 141 | - <block wx:if="{{textShow}}"> | ||
| 142 | - <view class="foot_box"> | ||
| 143 | - <view class="foot_box_title fs36"> | ||
| 144 | - <text>活动规则:</text> | ||
| 145 | - </view> | ||
| 146 | - <view class="foot_box_text"> | ||
| 147 | - <rich-text nodes="{{textTitle}}"></rich-text> | ||
| 148 | - </view> | ||
| 149 | - </view> | ||
| 150 | - </block> | ||
| 151 | - <view class="button_box"> | ||
| 152 | - <view > | ||
| 153 | - <button class="button" bindtap="goto" data-url="/pages/index/index/index">进入商城购物</button> | ||
| 154 | - </view> | ||
| 155 | - <view class="button_text "> | ||
| 156 | - <text >本活动最终解释权归公司所有，如果有问题请联系客服</text> | ||
| 157 | - </view> | ||
| 158 | - </view> | ||
| 159 | - <view class="foot_empty "></view> | ||
| 160 | - <view class="foot_button"> | ||
| 161 | - <view class="{{receiveState=='已领取'?'foot_button_notbuy':'foot_button_buy'}}" bindtap="GetReceive"> | ||
| 162 | - <text>{{receiveState}}</text> | ||
| 163 | - </view> | ||
| 164 | - </view> | ||
| 165 | -</view> | ||
| 166 | -<!-- 引入提示组件 --> | ||
| 167 | -<warn id="warn"></warn> | ||
| 168 | -<my_confirm id="my_confirm"></my_confirm> | ||
| 169 | \ No newline at end of file | 0 | \ No newline at end of file |
pages/giftpack/evaluategift/evaluategift.wxss deleted
| 1 | -@charset "UTF-8"; | ||
| 2 | - | ||
| 3 | -/* Author XGQ | ||
| 4 | - * 2019-10-27 | ||
| 5 | - */ | ||
| 6 | - | ||
| 7 | -.image_box { | ||
| 8 | - -webkit-box-pack: center; | ||
| 9 | - -webkit-justify-content: center; | ||
| 10 | - justify-content: center; | ||
| 11 | -} | ||
| 12 | - | ||
| 13 | -.image_box image { | ||
| 14 | - width: 100%; | ||
| 15 | - height: 690rpx; | ||
| 16 | -} | ||
| 17 | - | ||
| 18 | -.top { | ||
| 19 | - margin: -20rpx 28rpx 45rpx 28rpx; | ||
| 20 | - padding: 10rpx 10rpx 70rpx 10rpx; | ||
| 21 | - background-color: #fff; | ||
| 22 | - border-radius: 0rpx 0rpx 15rpx 15rpx; | ||
| 23 | -} | ||
| 24 | - | ||
| 25 | -.top_box { | ||
| 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 | - | ||
| 35 | -.top_box_text { | ||
| 36 | - -webkit-box-pack: center; | ||
| 37 | - -webkit-justify-content: center; | ||
| 38 | - justify-content: center; | ||
| 39 | - margin: 50rpx 15rpx 20rpx 15rpx; | ||
| 40 | -} | ||
| 41 | - | ||
| 42 | -.top_box_text text { | ||
| 43 | - color: rgb(71, 132, 239); | ||
| 44 | - font-size: 40rpx; | ||
| 45 | -} | ||
| 46 | - | ||
| 47 | -.top_item { | ||
| 48 | - display: -webkit-box; | ||
| 49 | - display: -webkit-flex; | ||
| 50 | - display: flex; | ||
| 51 | - width: 100%; | ||
| 52 | - margin: 60rpx 0 0 0; | ||
| 53 | -} | ||
| 54 | - | ||
| 55 | -.top_item_img { | ||
| 56 | - float: left; | ||
| 57 | - width: 28%; | ||
| 58 | - margin: 0rpx 10rpx 0rpx 20rpx; | ||
| 59 | -} | ||
| 60 | - | ||
| 61 | -.top_item_img image { | ||
| 62 | - width: 150rpx; | ||
| 63 | - height: 150rpx; | ||
| 64 | - border-radius: 50%; | ||
| 65 | - border: #f96865 solid 3rpx; | ||
| 66 | -} | ||
| 67 | - | ||
| 68 | -.top_item_center { | ||
| 69 | - float: left; | ||
| 70 | - width: 50%; | ||
| 71 | -} | ||
| 72 | - | ||
| 73 | -.top_item_center_title { | ||
| 74 | - font-size: 35rpx; | ||
| 75 | - color: rgb(71, 132, 239); | ||
| 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 | - text-overflow: ellipsis; | ||
| 82 | - display: -webkit-box; | ||
| 83 | - -webkit-box-orient: vertical; | ||
| 84 | - -webkit-line-clamp: 2; | ||
| 85 | - overflow: hidden; | ||
| 86 | -} | ||
| 87 | - | ||
| 88 | -.top_item_center_ramke { | ||
| 89 | - font-size: 25rpx; | ||
| 90 | - -webkit-box-pack: start; | ||
| 91 | - -webkit-justify-content: flex-start; | ||
| 92 | - justify-content: flex-start; | ||
| 93 | - line-height: 35rpx; | ||
| 94 | - letter-spacing: 0.5rpx; | ||
| 95 | - word-break: break-all; | ||
| 96 | - /*属性规定自动换行的处理方法。normal(使用浏览器默认的换行规则。),break-all(允许在单词内换行。),keep-all(只能在半角空格或连字符处换行。)*/ | ||
| 97 | - text-overflow: ellipsis; | ||
| 98 | - display: -webkit-box; | ||
| 99 | - /** 对象作为伸缩盒子模型显示 **/ | ||
| 100 | - -webkit-box-orient: vertical; | ||
| 101 | - /** 设置或检索伸缩盒对象的子元素的排列方式 **/ | ||
| 102 | - -webkit-line-clamp: 2; | ||
| 103 | - /** 显示的行数 **/ | ||
| 104 | - overflow: hidden; | ||
| 105 | - /** 隐藏超出的内容 **/ | ||
| 106 | -} | ||
| 107 | - | ||
| 108 | -.top_item_button { | ||
| 109 | - float: right; | ||
| 110 | - width: 22%; | ||
| 111 | - padding: 65rpx 20rpx 0 1rpx; | ||
| 112 | -} | ||
| 113 | - | ||
| 114 | -.top_item_button button { | ||
| 115 | - font-size: 25rpx; | ||
| 116 | - background: #fd6969; | ||
| 117 | - color: #fff; | ||
| 118 | - border-radius: 50rpx; | ||
| 119 | - height: 45rpx; | ||
| 120 | - line-height: 45rpx; | ||
| 121 | -} | ||
| 122 | - | ||
| 123 | -.top_card { | ||
| 124 | - width: calc(50% - 30rpx); | ||
| 125 | - display: inline-block; | ||
| 126 | - margin: 15rpx; | ||
| 127 | -} | ||
| 128 | - | ||
| 129 | -.top_card_box { | ||
| 130 | - background-size: cover; | ||
| 131 | - background-position: center; | ||
| 132 | - background-repeat: no-repeat; | ||
| 133 | - border-radius: 20rpx; | ||
| 134 | - height: 250rpx; | ||
| 135 | - margin: 5rpx; | ||
| 136 | -} | ||
| 137 | - | ||
| 138 | -.img1 { | ||
| 139 | - background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip01.png); | ||
| 140 | -} | ||
| 141 | - | ||
| 142 | -.img2 { | ||
| 143 | - background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip02.png); | ||
| 144 | -} | ||
| 145 | - | ||
| 146 | -.img3 { | ||
| 147 | - background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip03.png); | ||
| 148 | -} | ||
| 149 | - | ||
| 150 | -.top_card_tite_box { | ||
| 151 | - width: 100%; | ||
| 152 | - display: -webkit-box; | ||
| 153 | - display: -webkit-flex; | ||
| 154 | - display: flex; | ||
| 155 | - -webkit-box-pack: end; | ||
| 156 | - -webkit-justify-content: flex-end; | ||
| 157 | - justify-content: flex-end; | ||
| 158 | -} | ||
| 159 | - | ||
| 160 | -.top_card_tite_a { | ||
| 161 | - padding: 5rpx 25rpx 5rpx 25rpx; | ||
| 162 | - line-height: 29rpx; | ||
| 163 | - font-size: 25rpx; | ||
| 164 | - color: #fff; | ||
| 165 | - background: #ffa7c0; | ||
| 166 | - border-radius: 0rpx 20rpx 0rpx 6rpx; | ||
| 167 | -} | ||
| 168 | - | ||
| 169 | -.top_card_tite_b { | ||
| 170 | - padding: 5rpx 25rpx 5rpx 25rpx; | ||
| 171 | - line-height: 29rpx; | ||
| 172 | - font-size: 25rpx; | ||
| 173 | - color: #fff; | ||
| 174 | - background: #50dfdb; | ||
| 175 | - border-radius: 0rpx 20rpx 0rpx 6rpx; | ||
| 176 | -} | ||
| 177 | - | ||
| 178 | -.top_card_tite_c { | ||
| 179 | - padding: 5rpx 25rpx 5rpx 25rpx; | ||
| 180 | - line-height: 29rpx; | ||
| 181 | - font-size: 25rpx; | ||
| 182 | - color: #fff; | ||
| 183 | - background: #92cbff; | ||
| 184 | - border-radius: 0rpx 20rpx 0rpx 6rpx; | ||
| 185 | -} | ||
| 186 | - | ||
| 187 | -.top_card_tite_d { | ||
| 188 | - padding: 5rpx 25rpx 5rpx 25rpx; | ||
| 189 | - line-height: 29rpx; | ||
| 190 | - font-size: 25rpx; | ||
| 191 | - color: #fff; | ||
| 192 | - border-radius: 0rpx 20rpx 0rpx 6rpx; | ||
| 193 | -} | ||
| 194 | - | ||
| 195 | -.top_card_counte { | ||
| 196 | - padding: 40rpx 20rpx 0 0; | ||
| 197 | - text-align: center; | ||
| 198 | - display: -webkit-box; | ||
| 199 | - display: -webkit-flex; | ||
| 200 | - display: flex; | ||
| 201 | - -webkit-box-pack: center; | ||
| 202 | - -webkit-justify-content: center; | ||
| 203 | - justify-content: center; | ||
| 204 | - -webkit-box-align: center; | ||
| 205 | - -webkit-align-items: center; | ||
| 206 | - align-items: center; | ||
| 207 | - color: #fff; | ||
| 208 | - font-size: 40rpx; | ||
| 209 | -} | ||
| 210 | - | ||
| 211 | -.top_card_remak { | ||
| 212 | - padding: 20rpx 0 40rpx 0; | ||
| 213 | - text-align: center; | ||
| 214 | - display: -webkit-box; | ||
| 215 | - display: -webkit-flex; | ||
| 216 | - display: flex; | ||
| 217 | - -webkit-box-pack: center; | ||
| 218 | - -webkit-justify-content: center; | ||
| 219 | - justify-content: center; | ||
| 220 | - -webkit-box-align: center; | ||
| 221 | - -webkit-align-items: center; | ||
| 222 | - align-items: center; | ||
| 223 | - font-size: 20rpx; | ||
| 224 | - color: #fff; | ||
| 225 | -} | ||
| 226 | - | ||
| 227 | -.top_card_button_a button { | ||
| 228 | - margin: 0 85rpx; | ||
| 229 | - background: #ffa6bc; | ||
| 230 | - border-radius: 50rpx; | ||
| 231 | - line-height: 40rpx; | ||
| 232 | - height: 40rpx; | ||
| 233 | - color: white; | ||
| 234 | - font-size: 25rpx; | ||
| 235 | -} | ||
| 236 | - | ||
| 237 | -.top_card_button_b button { | ||
| 238 | - margin: 0 85rpx; | ||
| 239 | - background: #50dfdb; | ||
| 240 | - border-radius: 50rpx; | ||
| 241 | - line-height: 40rpx; | ||
| 242 | - height: 40rpx; | ||
| 243 | - color: white; | ||
| 244 | - font-size: 25rpx; | ||
| 245 | -} | ||
| 246 | - | ||
| 247 | -.top_card_button_c button { | ||
| 248 | - margin: 0 85rpx; | ||
| 249 | - background: #75bcfc; | ||
| 250 | - border-radius: 50rpx; | ||
| 251 | - line-height: 40rpx; | ||
| 252 | - height: 40rpx; | ||
| 253 | - color: white; | ||
| 254 | - font-size: 25rpx; | ||
| 255 | -} | ||
| 256 | - | ||
| 257 | -.top_card_button_d button { | ||
| 258 | - margin: 0 85rpx; | ||
| 259 | - border-radius: 50rpx; | ||
| 260 | - line-height: 40rpx; | ||
| 261 | - height: 40rpx; | ||
| 262 | - color: white; | ||
| 263 | - font-size: 25rpx; | ||
| 264 | -} | ||
| 265 | - | ||
| 266 | -.top_box_image { | ||
| 267 | - padding: 20rpx 20rpx 20rpx 20rpx; | ||
| 268 | -} | ||
| 269 | - | ||
| 270 | -.top_box_image image { | ||
| 271 | - height: 216rpx; | ||
| 272 | - width: 100%; | ||
| 273 | -} | ||
| 274 | - | ||
| 275 | -.top_box_image button { | ||
| 276 | - margin: 15rpx 95rpx 0rpx 95rpx; | ||
| 277 | - background: #fe6a6a; | ||
| 278 | - border-radius: 50rpx; | ||
| 279 | - line-height: 60rpx; | ||
| 280 | - height: 60rpx; | ||
| 281 | - color: white; | ||
| 282 | - font-size: 30rpx; | ||
| 283 | -} | ||
| 284 | - | ||
| 285 | -.foot_box { | ||
| 286 | - margin: 0 30rpx 40rpx 30rpx; | ||
| 287 | - /* background: #FFFFFF; */ | ||
| 288 | - border-radius: 20rpx; | ||
| 289 | - color: rgb(255, 255, 255); | ||
| 290 | -} | ||
| 291 | - | ||
| 292 | -.foot_box_title { | ||
| 293 | - /* color: #000000; */ | ||
| 294 | - padding: 20rpx 30rpx 20rpx 30rpx; | ||
| 295 | -} | ||
| 296 | - | ||
| 297 | -.foot_box_text { | ||
| 298 | - font-size: 30rpx; | ||
| 299 | - /* color: #000000; */ | ||
| 300 | - line-height: 48rpx; | ||
| 301 | - padding: 20rpx 35rpx 50rpx 30rpx; | ||
| 302 | -} | ||
| 303 | - | ||
| 304 | -.button_box { | ||
| 305 | - margin: 50rpx 50rpx 50rpx 50rpx; | ||
| 306 | - text-align: center; | ||
| 307 | -} | ||
| 308 | - | ||
| 309 | -.button { | ||
| 310 | - margin: 0 30rpx; | ||
| 311 | - background: rgb(93, 147, 245); | ||
| 312 | - border-radius: 50rpx; | ||
| 313 | - line-height: 80rpx; | ||
| 314 | - height: 80rpx; | ||
| 315 | - color: rgb(255, 255, 255); | ||
| 316 | - font-size: 35rpx; | ||
| 317 | -} | ||
| 318 | - | ||
| 319 | -.button_text { | ||
| 320 | - padding-top: 20rpx; | ||
| 321 | - font-size: 22rpx; | ||
| 322 | - color: white; | ||
| 323 | - height: 100rpx; | ||
| 324 | -} | ||
| 325 | - | ||
| 326 | -.foot_empty { | ||
| 327 | - height: 90rpx; | ||
| 328 | -} | ||
| 329 | - | ||
| 330 | -.foot_button { | ||
| 331 | - display: -webkit-box; | ||
| 332 | - display: -webkit-flex; | ||
| 333 | - display: flex; | ||
| 334 | - margin: 20rpx 0rpx 0rpx 0rpx; | ||
| 335 | - padding: 25rpx 0rpx; | ||
| 336 | - background: #fff; | ||
| 337 | - text-align: center; | ||
| 338 | - -webkit-box-pack: center; | ||
| 339 | - -webkit-justify-content: center; | ||
| 340 | - justify-content: center; | ||
| 341 | - position: fixed; | ||
| 342 | - bottom: 0; | ||
| 343 | - left: 0; | ||
| 344 | - width: 100%; | ||
| 345 | -} | ||
| 346 | - | ||
| 347 | -.foot_button_buy { | ||
| 348 | - background: #e4010c; | ||
| 349 | - color: #fff; | ||
| 350 | - width: 400rpx; | ||
| 351 | - height: 70rpx; | ||
| 352 | - font-size: 28rpx; | ||
| 353 | - line-height: 70rpx; | ||
| 354 | - border-radius: 40rpx; | ||
| 355 | -} | ||
| 356 | - | ||
| 357 | -.foot_button_notbuy { | ||
| 358 | - background: #999; | ||
| 359 | - color: #fff; | ||
| 360 | - width: 400rpx; | ||
| 361 | - height: 70rpx; | ||
| 362 | - font-size: 28rpx; | ||
| 363 | - line-height: 70rpx; | ||
| 364 | - border-radius: 40rpx; | ||
| 365 | -} | ||
| 366 | - | ||
| 367 | -page { | ||
| 368 | - background-color: rgb(71, 132, 239); | ||
| 369 | -} | ||
| 370 | - | ||
| 371 | -button::after { | ||
| 372 | - border: none; | ||
| 373 | -} | ||
| 374 | - | ||
| 375 | -.foot_box_text ._img { | ||
| 376 | - width: 100%; | ||
| 377 | -} | ||
| 378 | - | ||
| 379 | -.foot_box_text .img { | ||
| 380 | - line-height: 0; | ||
| 381 | -} |