把礼包详情复制一个到助力目录下

前端研发-钱巧玲
1 parent b97cbc50
Showing 5 changed files with 743 additions and 2 deletions
app.json
pages/user/assistance/giftpacklist.js
pages/user/assistance/giftpacklist.json
pages/user/assistance/giftpacklist.wxml
pages/user/assistance/giftpacklist.wxss
 {
   "pages": [
     "pages/index/index/index",
+    "pages/user/assistance/giftpacklist",
+    "pages/user/assistance/task_assistance",
+    "pages/user/share/share",
     "pages/giftpack/birthdaygift/birthdaygift",
     "pages/user/comment/comment",
     "pages/giftpack/evaluategift/evaluategift",
@@ -85,8 +88,7 @@
     "pages/user/my_service/tment_order_list",
     "pages/user/my_service/beauty_deta",
     "pages/user/labels/labels",
-    "pages/user/view_comment/view_comment",
-    "pages/user/assistance/assistance",
+    "pages/user/view_comment/view_comment"
   ],
   "permission": {
     "scope.userLocation": {
+var e = getApp(),
+  a = e.globalData.setting,
+  os = a,
+  t = e.request,
+  d = e.globalData;
+var ut = require("../../../utils/util.js");
+
+Page({
+  data: {
+    url: a.url, //接口网址
+    iurl: a.imghost, //图片前缀网址
+    isBuy: 0,
+    getGiftID: '', //礼包id
+    giftImage: '',
+    giftTitle: '',
+    giftDate: '',
+    giftPrice: '',
+    giftIntegral: '',
+    giftPosPrice: '',
+    giftQty: '',
+    giftRemark: '',
+    giftType: '',
+    actTitle: '',
+    getUrl: '',
+    wareCard: [],
+    orderSn: "", //订单编号
+    lbId: "",
+    code: "", //核销码
+    c_state: "0", //判断是否已经使用, 0正常  1已使用  2已过期
+    is_lb: 0, //是否有礼包
+  },
+  onLoad: function (options) {
+    var th = this;
+    th.setData({
+      isBuy: options.isBuy,
+      getStorageID: a.stoid,
+      getUserID: d.user_id,
+      getGiftID: options.lbId,
+      orderSn: options.orderSn
+    })
+    if (options.isBuy == 0) {
+      th.GetMyGiftList();
+    } else {
+      th.GetBuyGiftList();
+    }
+    th.setData({
+      giftRemark: th.data.giftRemark.replace(/<p><img/gi, "<p class='img'><img")
+    })
+    th.close();
+  },
+  onShow: function () {
+
+  },
+  GetBuyPrice: function (e) {
+    var that = this.data;
+    var th = this;
+    // var id = e.currentTarget.dataset.id;//活动id
+    var my_confirm = th.selectComponent("#my_confirm"); //组件的id
+    my_confirm.open(
+      "是否确定购买该礼包",
+      "取消",
+      "确定",
+      function () {
+        my_confirm.open_cancel(0);
+      },
+      function () {
+        my_confirm.open_cancel(0);
+        var json = {
+          "actId": '', //活动Id
+          "actType": '', //活动类型 1:新人礼、2:评价有礼、3:节日营销、4:生日营销
+          "buyType": '2', //1=积分兑换 2=余额购买
+          "lbId": that.getGiftID, //礼包Id
+          "storeId": that.getStorageID, //商家Id
+          "userId": that.getUserID, //用户ID
+          "buyFrom": 2
+        };
+        var data = JSON.stringify(json);
+        var url = that.url + "/api/weshop/marketing/buy/receive/gift/record/insert";
+        wx.request({
+          url: url,
+          data: data,
+          method: 'post',
+          header: {
+            'content-type': 'application/json'
+          }, // 设置请求的 header
+          success: function (res) {
+            if (res.data.code == 0) {
+              res = res.data.data;
+              wx.requestPayment({
+                timeStamp: String(res.timeStamp),
+                nonceStr: res.nonceStr,
+                package: res.packageValue,
+                signType: res.signType,
+                paySign: res.paySign,
+                success: function (n) {
+
+                },
+                fail: function (n) {
+
+                }
+              });
+            } else {
+              getApp().my_warnning(res.data.msg, 0, th);
+            }
+          }
+        })
+
+      }
+
+
+    )
+
+
+  },
+  GetBuyIntegral: function (e) {
+    var that = this.data;
+    var th = this;
+    // var id = e.currentTarget.dataset.id;//活动id
+    var my_confirm = th.selectComponent("#my_confirm"); //组件的id
+    my_confirm.open(
+      "是否确定兑换该礼包",
+      "取消",
+      "确定",
+      function () {
+        my_confirm.open_cancel(0);
+      },
+      function () {
+        my_confirm.open_cancel(0);
+        var json = {
+          "actId": '', //活动Id
+          "actType": '', //活动类型 1:新人礼、2:评价有礼、3:节日营销、4:生日营销
+          "buyType": '1', //1=积分兑换 2=余额购买
+          "lbId": that.getGiftID, //礼包Id
+          "storeId": that.getStorageID, //商家Id
+          "userId": that.getUserID //用户ID
+        };
+        var data = JSON.stringify(json);
+        var url = that.url + "/api/weshop/marketing/buy/receive/gift/record/insert";
+        wx.request({
+          url: url,
+          data: data,
+          method: 'post',
+          header: {
+            'content-type': 'application/json'
+          }, // 设置请求的 header
+          success: function (res) {
+            if (res.data.code == 0) {
+              getApp().my_warnning("兑换成功！", 1, th);
+            } else {
+              getApp().my_warnning(res.data.msg, 0, th);
+            }
+          }
+        })
+
+      })
+
+
+  },
+  GetMyGiftList: function () {
+    var _this = this;
+    var th = this;
+    getApp().request.get('/api/weshop/marketing/my/giftbag/detail/get', {
+      data: {
+        "storeId": th.data.getStorageID, //商家ID
+        "userId": th.data.getUserID, //用户ID
+        "orderSn": th.data.orderSn
+      },
+      success: function success(res) {
+        if (res.data.code == 0) {
+          th.setData({
+            giftImage: th.data.iurl + res.data.data.lbUrl,
+            giftTitle: res.data.data.giftTitle
+          })
+          if (res.data.data.giftRemark == '') {
+            th.setData({
+              giftRemark: '暂无详情......'
+            })
+          } else {
+            th.setData({
+              giftRemark: res.data.data.giftRemark
+            })
+          }
+
+          //---获取日期的时间戳---
+          var t_endtime = res.data.data.endTime;
+          t_endtime = t_endtime.replace(/-/g, '/');
+          var t_date = new Date(t_endtime) / 1000;
+          var t_now = ut.gettimestamp();
+
+          if (res.data.data.goodsUseState) th.setData({
+            c_state: 1
+          })
+          else if (t_date <= t_now)
+            th.setData({
+              c_state: 2
+            })
+
+          th.setData({
+            giftDate: res.data.data.endTime,
+            giftPosPrice: res.data.data.giftPosPrice,
+            giftQty: res.data.data.giftQty,
+            giftIntegral: res.data.data.payIntegral,
+            giftPrice: res.data.data.payMoney,
+            giftType: res.data.data.actType,
+            actTitle: res.data.data.actTitle,
+            wareCard: res.data.data.wareCard,
+            lbId: res.data.data.lbId
+          })
+          //判断是否有礼包
+          for (var i = 0; i < res.data.data.wareCard.length; i++) {
+            if (res.data.data.wareCard[i].lbType == 1) {
+              th.setData({
+                is_lb: 1
+              })
+              break;
+            }
+          }
+        } else {
+          getApp().my_warnning("系统繁忙,请稍后再试", 0, th);
+          return false;
+        }
+      }
+    });
+
+  },
+  GetBuyGiftList: function () {
+    var _this2 = this;
+    var th = this.data;
+    getApp().request.get('/api/weshop/marketing/giftbag/detail/get', {
+      data: {
+        "storeId": th.getStorageID, //商家ID
+        "userId": th.getUserID, //用户ID
+        "giftBagId": th.getGiftID
+      },
+      success: function success(res) {
+        if (res.data.code == 0) {
+          _this2.setData({
+            giftImage: th.iurl + res.data.data.lbUrl,
+            giftTitle: res.data.data.giftTitle
+          })
+          if (res.data.data.giftRemark == '') {
+
+            _this2.setData({
+              giftRemark: '暂无详情......'
+            })
+          } else {
+            _this2.setData({
+              giftRemark: res.data.data.giftRemark
+            })
+          }
+
+          _this2.setData({
+            giftDate: res.data.data.endTime,
+            giftPosPrice: res.data.data.giftPosPrice,
+            giftQty: res.data.data.giftQty,
+            giftIntegral: res.data.data.payIntegral,
+            giftPrice: res.data.data.payMoney,
+            giftType: res.data.data.actType,
+            actTitle: res.data.data.actTitle,
+            wareCard: res.data.data.wareCard
+          })
+        } else {
+          getApp().my_warnning("系统繁忙,请稍后再试", 0, _this2);
+          return false;
+        }
+      }
+    });
+
+  },
+  //显示核销码
+  code_show: function (e) {
+    var th = this;
+    //--获取成功的时候--
+    var no = th.data.code;
+    var qc_com = th.selectComponent("#qc_com"); //组件的id
+    var obj = {
+      val: no,
+      content: "请将二维码展示给核销员，收货更快捷"
+    };
+    qc_com.open(obj)
+  },
+  //获取核销码
+  getcode: function () {
+    var th = this;
+    var orderSn = th.data.orderSn; //订单号
+    var json = {
+      "storeId": a.stoid,
+      "orderSn": orderSn
+    };
+    var data = JSON.stringify(json);
+    var url = th.data.url + "/api/weshop/marketing/gift/goods/verify/code/get"; //预约接口地址
+    wx.request({
+      url: url,
+      data: data,
+      method: 'put',
+      header: {
+        'content-type': 'application/json'
+      }, // 设置请求的 header
+      success: function (res) {
+        if (res.data.code == 0) {
+          th.setData({
+            code: res.data.data
+          })
+          th.code_show();
+        } else {
+          getApp().my_warnning(res.data.msg, 0, th);
+        }
+      }
+    })
+  },
+  //界面跳转
+  goto: function (e) {
+    var th = this;
+    var url = e.currentTarget.dataset.url;
+    getApp().goto(url);
+  },
+  //图片失败，默认图片
+  bind_bnerr2: function (e) {
+    var _errImg = e.target.dataset.errorimg;
+    var _errObj = {};
+    _errObj[_errImg] = "/public/images/empty.jpg";
+    this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; 
+
+  },
+  //关闭导航
+  close: function () {
+    var th = this;
+    var nav_b = th.selectComponent("#nav_b"); //组件的id
+    nav_b.close_box();
+    nav_b.set_name("礼包", "/pages/giftpack/buygiftpack/giftpackbuy");
+  }
+});
 \ No newline at end of file
+{
+  "navigationBarTitleText": "助力详情",
+  "usingComponents": {
+    "warn": "/components/long_warn/long_warn",
+    "my_confirm": "/components/my_confirm/my_confirm",
+    "qr_code": "/components/qr_code/qr_code",
+    "nav_b": "/components/nav_b/nav_b"
+  }
+}
 \ No newline at end of file
+<view class="box data-v-3a5b7e36">
+  <view class="box_top data-v-3a5b7e36">
+    <image src="{{giftImage}}" class="data-v-3a5b7e36" lazy-load="true" binderror="bind_bnerr2" data-errorimg="giftImage"></image>
+  </view>
+  <view class="box_title data-v-3a5b7e36">
+    <view class="top_title data-v-3a5b7e36">
+      <text class="data-v-3a5b7e36 ellipsis-2">{{giftTitle}}</text>
+    </view>
+    <view class="top_time data-v-3a5b7e36">
+      <text class="data-v-3a5b7e36">{{"兑换截至时间："+giftDate}}</text>
+    </view>
+    <view class="top_price data-v-3a5b7e36">
+      <block wx:if="{{giftPrice>0}}">
+        <text class="data-v-3a5b7e36">{{"￥"+giftPrice}}</text>
+      </block>
+      <block wx:if="{{giftPrice>0 && giftIntegral>0}}">
+        <text class="data-v-3a5b7e36">/</text>
+      </block>
+      <block wx:if="{{giftIntegral>0}}">
+        <text class="data-v-3a5b7e36">{{giftIntegral+"积分"}}</text>
+      </block>
+      <block wx:if="{{giftType>0}}">
+        <text class="data-v-3a5b7e36">{{actTitle}}</text>
+      </block>
+    </view>
+    <view class="top_foot data-v-3a5b7e36">
+      <view class="top_foot_price data-v-3a5b7e36">
+        <text class="data-v-3a5b7e36">{{"原价:"+giftPosPrice+"元"}}</text>
+      </view>
+      <view class="top_foot_qty data-v-3a5b7e36">
+        <text class="data-v-3a5b7e36">{{"已售:"+giftQty+"件"}}</text>
+      </view>
+    </view>
+  </view>
+  <view class="box_ware data-v-3a5b7e36">
+    <view class="box_ware_title data-v-3a5b7e36">
+      <text class="data-v-3a5b7e36">礼包内容</text>
+    </view>
+    <block wx:for="{{wareCard}}" wx:for-item="item" wx:for-index="index" wx:key="index">
+      <view class="box_ware_box data-v-3a5b7e36">
+        <view class="box_ware_img data-v-3a5b7e36">
+          <block wx:if="{{item.lbType==1}}">
+            <image src="{{item.wareImage==''?iurl+'/miniapp/images/giftbag/gift01.png':iurl+item.wareImage}}" class="data-v-3a5b7e36" lazy-load="true" binderror="bind_bnerr2" data-errorimg="wareCard[{{index}}].wareImage"></image>
+          </block>
+          <block wx:if="{{item.lbType==2}}">
+            <image src="{{iurl+'/miniapp/images/giftbag/gift05.png'}}" class="data-v-3a5b7e36" lazy-load="true" binderror="bind_bnerr2" data-errorimg="wareCard[{{index}}].wareImage"></image>
+          </block>
+          <block wx:if="{{item.lbType==3}}">
+            <image src="{{iurl+'/miniapp/images/giftbag/gift02.png'}}" class="data-v-3a5b7e36" lazy-load="true" binderror="bind_bnerr2" data-errorimg="wareCard[{{index}}].wareImage"></image>
+          </block>
+          <block wx:if="{{item.lbType==4}}">
+            <image src="{{iurl+'/miniapp/images/giftbag/gift03.png'}}" class="data-v-3a5b7e36" lazy-load="true" binderror="bind_bnerr2" data-errorimg="wareCard[{{index}}].wareImage"></image>
+          </block>
+          <block wx:if="{{item.lbType==5}}">
+            <image src="{{iurl+'/miniapp/images/giftbag/gift04.png'}}" class="data-v-3a5b7e36" lazy-load="true" binderror="bind_bnerr2" data-errorimg="wareCard[{{index}}].wareImage"></image>
+          </block>
+        </view>
+        <view class="box_ware_item data-v-3a5b7e36">
+          <view class="box_ware_item_title data-v-3a5b7e36">
+            <text class="data-v-3a5b7e36">{{item.couponName}}</text>
+          </view>
+          <view class="box_ware_item_price data-v-3a5b7e36">
+            <text class="data-v-3a5b7e36"></text>
+          </view>
+          <view class="box_ware_item_qty data-v-3a5b7e36">
+            <text class="data-v-3a5b7e36 ellipsis-1">{{"数量:"+item.num}}</text>
+          </view>
+          <view class="box_ware_code data-v-3a5b7e36">
+            <block wx:if="{{c_state==0}}">
+              <block wx:if="{{isBuy==0&item.lbType==1}}">
+                <image src="{{iurl+'/miniapp/images/giftbag/gift06.png'}}" lazy-load="true" bindtap="getcode" class="data-v-3a5b7e36"></image>
+              </block>
+            </block>
+            <block wx:else>
+              <block wx:if="{{isBuy==0&item.lbType==1}}">
+                <image src="{{iurl+'/miniapp/images/giftbag/gift08.png'}}" lazy-load="true" class="data-v-3a5b7e36"></image>
+              </block>
+            </block>
+            <block wx:if="{{isBuy==0&item.lbType==2}}">
+              <image src="{{iurl+'/miniapp/images/giftbag/gift06.png'}}" class="data-v-3a5b7e36" lazy-load="true" data-url="/pages/user/coupons/coupons" bindtap="goto"></image>
+            </block>
+            <block wx:if="{{isBuy==0&item.lbType==3}}">
+              <image src="{{iurl+'/miniapp/images/giftbag/gift06.png'}}" class="data-v-3a5b7e36" lazy-load="true" data-url="/pages/user/my_service/i_service" bindtap="goto"></image>
+            </block>
+            <block wx:if="{{isBuy==0&item.lbType>3}}">
+              <text class="data-v-3a5b7e36">奖励已发放</text>
+            </block>
+          </view>
+        </view>
+      </view>
+    </block>
+  </view>
+  <view class="foot_box data-v-3a5b7e36">
+    <view class="foot_box_title data-v-3a5b7e36">
+      <text class="data-v-3a5b7e36">活动说明</text>
+    </view>
+    <view class="foot_box_remark data-v-3a5b7e36">
+      <rich-text nodes="{{giftRemark}}"></rich-text>
+    </view>
+  </view>
+  <view class="foot_empty data-v-3a5b7e36"></view>
+  <block wx:if="{{isBuy==1}}">
+    <view class="foot_button data-v-3a5b7e36">
+      <block wx:if="{{giftPrice>0&&giftIntegral>0}}">
+        <view class="foot_button_left data-v-3a5b7e36" data-id="{{lbId}}" bindtap="GetBuyPrice">
+          <text class="data-v-3a5b7e36">立即购买</text>
+        </view>
+      </block>
+      <block wx:if="{{giftPrice>0 && giftIntegral>0}}">
+        <view class="foot_button_right data-v-3a5b7e36" bindtap="GetBuyIntegral" data-id="{{lbId}}">
+          <text class="data-v-3a5b7e36">立即兑换</text>
+        </view>
+      </block>
+      <block wx:if="{{giftPrice>0 && giftIntegral<=0}}">
+        <view class="foot_button_buy data-v-3a5b7e36" bindtap="GetBuyPrice" data-id="{{lbId}}">
+          <text class="data-v-3a5b7e36">立即购买</text>
+        </view>
+      </block>
+      <block wx:if="{{giftPrice<=0 && giftIntegral>0}}">
+        <view class="foot_button_intalge data-v-3a5b7e36" bindtap="GetBuyIntegral" data-id="{{lbId}}">
+          <text class="data-v-3a5b7e36">立即兑换</text>
+        </view>
+      </block>
+    </view>
+  </block>
+  <block wx:if="{{isBuy==0}}">
+    <view class="foot_button data-v-3a5b7e36">
+      <block wx:if="{{is_lb!=1}}">
+        <view class="foot_button_buy data-v-3a5b7e36 overdue">
+          <text class="data-v-3a5b7e36">无核销商品</text>
+        </view>
+      </block>
+      <block wx:else>
+        <view wx:if="{{c_state==0}}" class="foot_button_buy data-v-3a5b7e36" bindtap="getcode">
+          <text class="data-v-3a5b7e36">立即使用</text>
+        </view>
+        <view wx:if="{{c_state==1}}" class="foot_button_buy data-v-3a5b7e36 overdue">
+          <text class="data-v-3a5b7e36">商品已核销</text>
+        </view>
+        <view wx:if="{{c_state==2}}" class="foot_button_buy data-v-3a5b7e36 overdue">
+          <text class="data-v-3a5b7e36">商品兑换时间已过</text>
+        </view>
+
+      </block>
+    </view>
+  </block>
+</view>
+<!-- 引入提示组件 -->
+<warn id="warn"></warn>
+<my_confirm id="my_confirm"></my_confirm>
+<!-- 弹出框扫描 -->
+<qr_code id="qc_com"></qr_code>
+<!--  制作一个圆球导航  -->
+<nav_b id="nav_b"></nav_b>
 \ No newline at end of file
+@charset "UTF-8";
+
+/* Author XGQ
+ * 2019-12-12
+ */
+
+.box.data-v-3a5b7e36 {
+  -webkit-align-content: center;
+  align-content: center;
+  background-color: #e85f93;
+}
+
+.box_top.data-v-3a5b7e36 {
+  width: 100%;
+}
+
+.box_top image.data-v-3a5b7e36 {
+  width: 100%;
+  max-height: 540rpx;
+}
+
+.box_title.data-v-3a5b7e36 {
+  margin: 10rpx 20rpx 20rpx 20rpx;
+  padding: 35rpx;
+  background-color: #fff;
+  border-radius: 40rpx;
+}
+
+.top_title.data-v-3a5b7e36 {
+  font-size: 30rpx;
+  margin-bottom: 10rpx;
+}
+
+.top_time.data-v-3a5b7e36 {
+  font-size: 27rpx;
+  color: #b9b5b5;
+}
+
+.top_price.data-v-3a5b7e36 {
+  font-size: 35rpx;
+  color: #d61b30;
+  margin-top: 30rpx;
+  margin-bottom: 5rpx;
+}
+
+.top_foot.data-v-3a5b7e36 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+}
+
+.top_foot_price.data-v-3a5b7e36 {
+  font-size: 22rpx;
+  color: #b9b5b5;
+  width: 50%;
+  text-decoration: line-through;
+}
+
+.top_foot_qty.data-v-3a5b7e36 {
+  font-size: 22rpx;
+  color: #b9b5b5;
+  width: 50%;
+  -webkit-align-content: flex-end;
+  align-content: flex-end;
+  text-align: right;
+}
+
+.box_ware.data-v-3a5b7e36 {
+  margin: 10rpx 20rpx 20rpx 20rpx;
+  padding: 35rpx;
+  background-color: #fff;
+  border-radius: 40rpx;
+}
+
+.box_ware_title.data-v-3a5b7e36 {
+  font-size: 35rpx;
+  margin: 5rpx 0rpx 30rpx 0rpx;
+}
+
+.box_ware_box.data-v-3a5b7e36 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  margin: 10rpx 0rpx 25rpx 0rpx;
+}
+
+/* .box_ware_img.data-v-3a5b7e36 {
+	width: 30%;
+	height: 180rpx;
+	border: #999999 solid 1rpx;
+} */
+
+.box_ware_img image.data-v-3a5b7e36 {
+  /* width: 185rpx;
+	height: 190rpx; *//* background-color: rgba(138, 138, 138, 0.63); */
+  border: 2rpx solid #999;
+  width: 120rpx;
+  height: 120rpx;
+}
+
+.box_ware_item.data-v-3a5b7e36 {
+  width: 70%;
+  margin-left: 25rpx;
+  position: relative;
+}
+
+.box_ware_item_title.data-v-3a5b7e36 {
+  font-size: 24rpx;
+  word-break: break-all;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+}
+
+.box_ware_count.data-v-3a5b7e36 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+}
+
+.box_ware_item_price.data-v-3a5b7e36 {
+  font-size: 25rpx;
+  color: #b9b5b5;
+  position: absolute;
+  bottom: 60rpx;
+  left: 0;
+}
+
+.box_ware_item_qty.data-v-3a5b7e36 {
+  font-size: 22rpx;
+  position: absolute;
+  bottom: 15rpx;
+  left: 0;
+}
+
+.box_ware_code.data-v-3a5b7e36 {
+  position: absolute;
+  right: 10rpx;
+  bottom: 10rpx;
+}
+
+.box_ware_code image.data-v-3a5b7e36 {
+  width: 50rpx;
+  height: 50rpx;
+}
+
+.box_ware_code text.data-v-3a5b7e36 {
+  font-size: 20rpx;
+}
+
+.foot_box.data-v-3a5b7e36 {
+  margin: 10rpx 20rpx 50rpx 20rpx;
+  padding: 35rpx;
+  background-color: #fff;
+  border-radius: 40rpx;
+}
+
+.foot_box_title.data-v-3a5b7e36 {
+  font-size: 35rpx;
+  margin-bottom: 30rpx;
+}
+
+.foot_box_remark.data-v-3a5b7e36 {
+  font-size: 27rpx;
+  line-height: 40rpx;
+}
+
+.foot_empty.data-v-3a5b7e36 {
+  height: 90rpx;
+}
+
+.foot_button.data-v-3a5b7e36 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  margin: 20rpx 0rpx 0rpx 0rpx;
+  padding: 25rpx 0rpx;
+  background: #fff;
+  text-align: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+}
+
+.foot_button_left.data-v-3a5b7e36 {
+  background: #e4010c;
+  color: #fff;
+  width: 250rpx;
+  height: 70rpx;
+  font-size: 28rpx;
+  line-height: 70rpx;
+  border-radius: 40rpx;
+}
+
+.foot_button_right.data-v-3a5b7e36 {
+  background: #ffbb42;
+  color: #fff;
+  width: 250rpx;
+  height: 70rpx;
+  font-size: 28rpx;
+  line-height: 70rpx;
+  border-radius: 40rpx;
+}
+
+.foot_button_buy.data-v-3a5b7e36 {
+  background: #e4010c;
+  color: #fff;
+  width: 400rpx;
+  height: 70rpx;
+  font-size: 28rpx;
+  line-height: 70rpx;
+  border-radius: 40rpx;
+}
+
+.foot_button_intalge.data-v-3a5b7e36 {
+  background: #ffbb42;
+  color: #fff;
+  width: 400rpx;
+  height: 70rpx;
+  font-size: 28rpx;
+  line-height: 70rpx;
+  border-radius: 40rpx;
+}
+
+page.data-v-3a5b7e36 {
+  background-color: #e85f93;
+}
+
+.foot_box_remark.data-v-3a5b7e36 ._img {
+  width: 100%;
+}
+
+.foot_box_remark.data-v-3a5b7e36 .img {
+  line-height: 0;
+}
+.overdue.data-v-3a5b7e36{
+  background-color: rgb(153,153,153);
+}
 \ No newline at end of file