wxd / MShopWeApp

Commit 4a7d01adf852ed323c368d66260b2d3b1d5a0a1b

Authored by 前端研发-钱巧玲
1 parent f999291b

评价有礼代码提交，先前的评价有礼提错了

Inline Side-by-side
Showing 3 changed files with 779 additions and 0 deletions
pages/giftpack/evaluategift/evaluategift.js 0 → 100644
  View file @4a7d01a
  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 + wx.showLoading({
  38 + title: '加载中',
  39 + })
  40 + var url = "/api/weshop/marketing/giftbag/bound/get";
  41 + getApp().request.promiseGet(url, {
  42 + data: {
  43 + "actId": th.data.getActId, //活动Id
  44 + "actType": 2, //活动类型 1:新人礼、2:评价有礼、3:节日营销、4:生日营销
  45 + "storeId": a.stoid, //商家Id
  46 + "userId": d.user_id, //用户ID
  47 + "orderNumber": th.data.orderNumber,
  48 + "orderType": th.data.orderType,
  49 + "orderGoodsId": th.data.orderGoodsId,
  50 + "gifbagid": th.data.giftBagId
  51 + }
  52 + }).then(res => {
  53 + wx.hideLoading();
  54 + if (res.data.code == 0) {
  55 + if (res.data.data.lbCoupons.length > 0 && res.data.data.lbCoupons != null) {
  56 + //礼包内容--礼券
  57 + th.setData({
  58 + cardShow: true,
  59 + cards: res.data.data.lbCoupons
  60 + })
  61 + }
  62 + if (res.data.data.lbSM.length > 0 && res.data.data.lbSM != null) {
  63 + //礼包内容--服务项目
  64 + th.setData({
  65 + itemShow: true,
  66 + itemWare: res.data.data.lbSM
  67 + })
  68 + }
  69 + //礼包积分
  70 + if (res.data.data.lbIntegral <= 0) {
  71 + if (res.data.data.lbGrowthValue <= 0) {
  72 + th.setData({
  73 + packShow: false
  74 + })
  75 + } else {
  76 + th.setData({
  77 + packShow: false,
  78 + integralShow: false,
  79 + growUpShow: true
  80 + })
  81 + }
  82 +
  83 + } else {
  84 + if (res.data.data.lbGrowthValue > 0) {
  85 + th.setData({
  86 + packShow: true
  87 + })
  88 + } else {
  89 + th.setData({
  90 + packShow: true,
  91 + integralShow: true,
  92 + growUpShow: false
  93 + })
  94 + }
  95 + }
  96 + th.setData({
  97 + integralTitle: '价值' + res.data.data.lbIntegral + '积分',
  98 + growUpTitle: '价值' + res.data.data.lbGrowthValue + '成长值'
  99 + })
  100 + if (res.data.data.receiveState == 0) {
  101 + th.setData({
  102 + receiveState: '一键全部领取'
  103 + })
  104 + } else {
  105 + th.setData({
  106 + receiveState: '已领取'
  107 + })
  108 + }
  109 +
  110 + if (res.data.data.actIntro != '') {
  111 + th.setData({
  112 + textShow: true,
  113 + textTitle: res.data.data.actIntro
  114 + })
  115 + }
  116 + } else {
  117 + getApp().my_warnning(res.data.msg, 0, th);
  118 + return false;
  119 + }
  120 + })
  121 + },
  122 + onLoad: function(options) {
  123 + var th = this;
  124 + th.setData({
  125 + getActId: options.actId,
  126 + orderNumber: options.orderNumber,
  127 + orderGoodsId: options.orderGoodsId,
  128 + giftBagId: options.giftBagId
  129 + })
  130 +
  131 + var orderType = options.orderType;
  132 + if (orderType) {
  133 + th.setData({ orderType: orderType})
  134 + }
  135 +
  136 +
  137 + th.GetList();
  138 + },
  139 + onShow: function() {
  140 + var th = this;
  141 + var textTitle = th.data.textTitle.replace(/<p><img/gi, "<p class='img'><img");
  142 + th.setData({
  143 + textTitle: textTitle
  144 + })
  145 + },
  146 + GetReceive: function() {
  147 + var th = this;
  148 + if (th.data.receiveState == '已领取') {
  149 + return false;
  150 + }
  151 + var is_sub = th.data.is_sub; //判断是否重复提交
  152 + if (is_sub == 0) {
  153 + th.setData({
  154 + is_sub: 1
  155 + })
  156 +
  157 + var json = {
  158 + "actId": th.data.getActId, //活动Id
  159 + "actType": 2, //活动类型 1:新人礼、2:评价有礼、3:节日营销、4:生日营销
  160 + "storeId": a.stoid, //商家Id
  161 + "userId": d.user_id, //用户ID
  162 + "orderNumber": th.data.orderNumber,
  163 + "orderType": th.data.orderType,
  164 + "orderGoodsId": th.data.orderGoodsId,
  165 + "giftBagId": th.data.giftBagId
  166 + };
  167 + var data = JSON.stringify(json);
  168 + var url = th.data.url + "/api/weshop/marketing/free/receive/gift/record/insert";
  169 + wx.request({
  170 + url: url,
  171 + data: data,
  172 + method: 'post',
  173 + header: {
  174 + 'content-type': 'application/json'
  175 + }, // 设置请求的 header
  176 + success: function(res) {
  177 + th.setData({
  178 + is_sub: 0
  179 + })
  180 + if (res.data.code == 0) {
  181 + th.setData({
  182 + receiveState: '已领取'
  183 + })
  184 + getApp().my_warnning("领取成功", 1, th);
  185 + } else {
  186 + getApp().my_warnning(res.data.msg, 0, th);
  187 + }
  188 + }
  189 + })
  190 + }
  191 + },
  192 + //界面跳转
  193 + goto: function(e) {
  194 + var url = e.currentTarget.dataset.url;
  195 + getApp().goto(url);
  196 + },
  197 + //图片失败，默认图片
  198 + bind_bnerr1: function(e) {
  199 + var th = this;
  200 + var _errImg = e.target.dataset.errorimg;
  201 + var _Img = e.target.dataset.img;
  202 + if (_Img != undefined) {
  203 + var _errObj = {};
  204 + _errObj[_errImg] = "/miniapp/images/giftbag/gift02.png";
  205 + th.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ;
  206 + }
  207 + },
  208 +});
0 \ No newline at end of file 209 \ No newline at end of file
pages/giftpack/evaluategift/evaluategift.wxml 0 → 100644
  View file @4a7d01a
  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 rel">
  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 class="num flex-level-right fs26">
  47 + <view>数量：</view>
  48 + <view>{{item.num}}</view>
  49 + </view>
  50 + </view>
  51 + </view>
  52 + </view>
  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>
  58 + </view>
  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>
  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>
  109 + </view>
  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>
  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>
  166 + </view>
  167 + </view>
  168 +</view>
  169 +<!-- 引入提示组件 -->
  170 +<warn id="warn"></warn>
  171 +<my_confirm id="my_confirm"></my_confirm>
0 \ No newline at end of file 172 \ No newline at end of file
pages/giftpack/evaluategift/evaluategift.wxss 0 → 100644
  View file @4a7d01a
  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 + background-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: rgb(71, 132, 239);
  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 +}
  382 +.num {
  383 + color: rgb(71, 132, 239);
  384 +}
  385 +
  386 +.lvip {
  387 + left: 30rpx;
  388 + bottom: -58rpx;
  389 + width: 20rpx;
  390 + height: 90rpx;
  391 + z-index: 5;
  392 +}
  393 +
  394 +.rvip {
  395 + right: 30rpx;
  396 + bottom: -58rpx;
  397 + width: 20rpx;
  398 + height: 90rpx;
  399 + z-index: 5;
  400 +}