各种有礼的代码修改

iceling
1 parent 082f2d33
Showing 10 changed files with 873 additions and 58 deletions
pages/giftpack/birthdaygift/birthdaygift.js
pages/giftpack/birthdaygift/birthdaygift.wxml
pages/giftpack/evaluategift/evaluategift.js
pages/giftpack/evaluategift/evaluategift.wxml
pages/giftpack/festival/festival.js
pages/giftpack/festival/festival.json
pages/giftpack/festival/festival.wxml
pages/giftpack/festival/festival.wxss
pages/user/assistance/giftpacklist.js
pages/user/assistance/giftpacklist.wxml
@@ -19,7 +19,7 @@ Page({
     getActId: '',
     getActType: '',
     giftID: '',
-    receiveState: '一键全部领取',
+    receiveState: 0,
     textTitle: '',
     getUrl: '',
     noShow: false,
@@ -29,13 +29,11 @@ Page({
     growUpTitle: "",
     is_sub: 0, //是否重复领取
   },
-  GetList: function () {
+  GetList: function() {
     var th = this;
     var url = "/api/weshop/marketing/giftbag/bound/get";
-    wx.showLoading({
-      title: '加载中',
-    })
     getApp().request.promiseGet(url, {
+      isShowLoading: true,
       data: {
         "actId": th.data.getActId, //活动id
         "actType": 4, //活动类型 1新人礼 2评价有礼 3节日营销 4生日营销
@@ -44,7 +42,6 @@ Page({
         "userId": d.user_id //用户ID
       }
     }).then(res => {
-      wx.hideLoading();
       if (res.data.code == 0) {
         if (res.data.data.lbCoupons.length > 0 && res.data.data.lbCoupons != null) {
           //礼包内容--礼券
@@ -93,19 +90,18 @@ Page({
         })
         if (res.data.data.receiveState == 0) {
           th.setData({
-            receiveState: '一键全部领取'
+            receiveState: 0
           })
         } else {
           th.setData({
-            receiveState: '已领取'
+            receiveState: 1
           })
         }
         if (res.data.data.actIntro != '') {
           th.setData({
             textShow: true,
-            textTitle: res.data.data.actIntro.replace(/\<img/gi, '<img style="max-width:100%;height:auto;display：block"').replace(/<section/g, '<div')
-              .replace(/\/section>/g, '\div>')
+            textTitle: res.data.data.actIntro.replace(/\<img/gi, '<img style="max-width:100%;height:auto;display：block"')
           })
         }
       } else {
@@ -126,9 +122,9 @@ Page({
   onShow: function onShow() {
   },
-  GetReceive: function () {
+  GetReceive: function() {
     var th = this;
-    if (th.data.receiveState == '已领取') {
+    if (th.data.receiveState) {
       return false;
     }
     var is_sub = th.data.is_sub; //判断是否重复提交
@@ -136,9 +132,6 @@ Page({
       th.setData({
         is_sub: 1
       })
-      wx.showLoading({
-        title: '加载中',
-      })
       var json = {
         "actId": th.data.getActId, //活动Id
         "actType": 4, //活动类型 1:新人礼、2:评价有礼、3:节日营销、4:生日营销
@@ -148,37 +141,35 @@ Page({
       };
       var data = JSON.stringify(json);
       var url = th.data.url + "/api/weshop/marketing/free/receive/gift/record/insert";
-      wx.request({
-        url: url,
-        data: data,
-        method: 'post',
-        header: {
-          'content-type': 'application/json'
-        }, // 设置请求的 header
-        success: function (res) {
-          wx.hideLoading();
+      getApp().request.json_post(url, json,
+        function(res) {
           th.setData({
             is_sub: 0
           })
           if (res.data.code == 0) {
             th.setData({
-              receiveState: '已领取'
+              receiveState: 1
             })
             getApp().my_warnning("领取成功", 1, th);
           } else {
-            getApp().my_warnning("系统繁忙,请稍后再试", 0, th);
+            getApp().my_warnning(res.data.msg, 0, th);
           }
+        },
+        function(res) {
+
         }
-      })
+
+      )
+
     }
   },
   //界面跳转
-  goto: function (e) {
+  goto: function(e) {
     var url = e.currentTarget.dataset.url;
     getApp().goto(url);
   },
   //图片失败，默认图片
-  bind_bnerr1: function (e) {
+  bind_bnerr1: function(e) {
     var th = this;
     var _errImg = e.target.dataset.errorimg;
     var _Img = e.target.dataset.img;
@@ -166,9 +166,16 @@
   </view>
   <view class="foot_empty "></view>
   <view class="foot_button">
-    <view class="{{receiveState=='已领取'?'foot_button_notbuy':'foot_button_buy'}}" bindtap="GetReceive">
-      <text>{{receiveState}}</text>
-    </view>
+    <block wx:if="{{receiveState}}">
+      <view class="foot_button_notbuy">
+        <text>已领取</text>
+      </view>
+    </block>
+    <block wx:else>
+    <view class="foot_button_buy'}}" bindtap="GetReceive">
+        <text>一键领取</text>
+      </view>
+    </block>
   </view>
 </view>
 <!-- 引入提示组件 -->
@@ -19,7 +19,7 @@ Page({
     getActId: '',
     getActType: '',
     giftBagId: '',
-    receiveState: '一键全部领取',
+    receiveState: 0,
     textTitle: '',
     getUrl: '',
     noShow: false,
@@ -39,6 +39,7 @@ Page({
     })
     var url = "/api/weshop/marketing/giftbag/bound/get";
     getApp().request.promiseGet(url, {
+      isShowLoading: true,
       data: {
         "actId": th.data.getActId, //活动Id
         "actType": 2, //活动类型 1:新人礼、2:评价有礼、3:节日营销、4:生日营销
@@ -50,7 +51,6 @@ Page({
         "gifbagid": th.data.giftBagId
       }
     }).then(res => {
-      wx.hideLoading();
       if (res.data.code == 0) {
         if (res.data.data.lbCoupons.length > 0 && res.data.data.lbCoupons != null) {
           //礼包内容--礼券
@@ -99,11 +99,11 @@ Page({
         })
         if (res.data.data.receiveState == 0) {
           th.setData({
-            receiveState: '一键全部领取'
+            receiveState:0
           })
         } else {
           th.setData({
-            receiveState: '已领取'
+            receiveState: 1
           })
         }
@@ -132,8 +132,7 @@ Page({
     if (orderType) {
       th.setData({ orderType: orderType})
     }
-    
-
+  
     th.GetList();
   },
   onShow: function() {
@@ -145,7 +144,7 @@ Page({
   },
   GetReceive: function() {
     var th = this;
-    if (th.data.receiveState == '已领取') {
+    if (th.data.receiveState) {
       return false;
     }
     var is_sub = th.data.is_sub; //判断是否重复提交
@@ -166,27 +165,26 @@ Page({
       };
       var data = JSON.stringify(json);
       var url = th.data.url + "/api/weshop/marketing/free/receive/gift/record/insert";
-      wx.request({
-        url: url,
-        data: data,
-        method: 'post',
-        header: {
-          'content-type': 'application/json'
-        }, // 设置请求的 header
-        success: function(res) {
+      getApp().request.json_post(url, json,
+        function (res) {
           th.setData({
             is_sub: 0
           })
           if (res.data.code == 0) {
             th.setData({
-              receiveState: '已领取'
+              receiveState: 1
             })
             getApp().my_warnning("领取成功", 1, th);
           } else {
             getApp().my_warnning(res.data.msg, 0, th);
           }
+        },
+        function (res) {
+
         }
-      })
+
+      )
+    
     }
   },
   //界面跳转
 <view>
-    <view class="image_box">
-        <image src="{{iurl+'miniapp/images/giftbag/eval00.png'}}" lazy-load="true"></image>
-    </view>
-     <block wx:if="{{itemShow}}">
+  <view class="image_box">
+    <image src="{{iurl+'miniapp/images/giftbag/eval00.png'}}" lazy-load="true"></image>
+  </view>
+  <block wx:if="{{itemShow}}">
     <view class="top rel">
       <view class="top_box">
         <view class="top_box_text">
@@ -94,8 +94,13 @@
                   <view class="top_card_tite_a">分类限定</view>
                 </block>
               </view>
+                <block wx:if="{{item.isPack!=null}}">
+                <view class="top_card_counte">包邮券</view>
+              </block>
+              <block>
               <view class="top_card_counte ">{{item.sum+"元券"}}</view>
               <view class="top_card_remak ">{{"满"+item.buySum+"元可以用"}}</view>
+              </block>
             </view>
           </view>
         </block>
@@ -161,9 +166,16 @@
   </view>
   <view class="foot_empty "></view>
   <view class="foot_button">
-    <view class="{{receiveState=='已领取'?'foot_button_notbuy':'foot_button_buy'}}" bindtap="GetReceive">
-      <text>{{receiveState}}</text>
-    </view>
+    <block wx:if="{{receiveState}}">
+      <view class="foot_button_notbuy">
+        <text>已领取</text>
+      </view>
+    </block>
+    <block wx:else>
+      <view class="foot_button_buy'}}" bindtap="GetReceive">
+        <text>一键领取</text>
+      </view>
+    </block>
   </view>
 </view>
 <!-- 引入提示组件 -->
+var i = require("../../../utils/util.js")
+var e = getApp(),
+  a = e.globalData.setting,
+  os = a,
+  t = e.request,
+  d = e.globalData;
+Page({
+  data: {
+    url: a.url, //接口网址
+    iurl: a.imghost, //图片前缀网址
+    itemShow: false, //项目栏目是否显示
+    cardShow: false, //代金券栏目是否显示
+    packShow: false, //福利栏目是否显示
+    textShow: false, //规则是否显示
+    integralShow: true, //积分领取是否显示
+    growUpShow: true, //成长值领取是否显示
+    itemButton: '',
+    cardButton: '',
+    getActId: '',
+    getActType: '',
+    giftID: '',
+    receiveState: '一键全部领取',
+    textTitle: '',
+    getUrl: '',
+    noShow: false,
+    cards: [], //礼包内容--礼券
+    itemWare: [], //礼包内容--服务项目
+    integralTitle: "",
+    growUpTitle: "",
+    is_sub: 0, //是否重复领取
+    bimg: "", //评价有礼背景图片
+    actFontColor: "", //字体颜色
+    actBgColor: "", //背景颜色
+  },
+  GetList: function() {
+    var th = this;
+    wx.showLoading({
+      title: '加载中',
+    })
+    var url = "/api/weshop/marketing/giftbag/bound/get";
+    getApp().request.promiseGet(url, {
+      data: {
+        "actId": th.data.getActId, //活动id
+        "actType": 3, //活动类型 1新人礼 2评价有礼 3节日营销 4生日营销
+        "giftBagId": th.data.giftID, //礼包ID
+        "storeId": a.stoid, //商家ID
+        "userId": d.user_id //用户ID
+      }
+    }).then(res => {
+      wx.hideLoading();
+      if (res.data.code == 0) {
+        if (res.data.data.lbCoupons != null && res.data.data.lbCoupons.length > 0) {
+          //礼包内容--礼券
+          th.setData({
+            cardShow: true,
+            cards: res.data.data.lbCoupons
+          })
+        }
+        if (res.data.data.lbSM != null && res.data.data.lbSM.length > 0) {
+          //礼包内容--服务项目
+          th.setData({
+            itemShow: true,
+            itemWare: res.data.data.lbSM
+          })
+        }
+        //礼包积分
+        if (res.data.data.lbIntegral <= 0) {
+          if (res.data.data.lbGrowthValue <= 0) {
+            th.setData({
+              packShow: false
+            })
+          } else {
+            th.setData({
+              packShow: false,
+              integralShow: false,
+              growUpShow: true
+            })
+          }
+
+        } else {
+          if (res.data.data.lbGrowthValue > 0) {
+            th.setData({
+              packShow: true
+            })
+          } else {
+            th.setData({
+              packShow: true,
+              integralShow: true,
+              growUpShow: false
+            })
+          }
+        }
+        th.setData({
+          integralTitle: '价值' + res.data.data.lbIntegral + '积分',
+          growUpTitle: '价值' + res.data.data.lbGrowthValue + '成长值'
+        })
+        if (res.data.data.receiveState == 0) {
+          th.setData({
+            receiveState: '一键全部领取'
+          })
+        } else {
+          th.setData({
+            receiveState: '已领取'
+          })
+        }
+
+        if (res.data.data.actIntro != '') {
+          th.setData({
+            textShow: true,
+            textTitle: res.data.data.actIntro
+          })
+        }
+      } else {
+        getApp().my_warnning(res.data.msg, 0, th);
+        return false;
+      }
+    })
+  },
+
+  onLoad: function(options) {
+    var th = this;
+    th.setData({
+      getActId: options.actId,
+      giftID: options.giftBagId
+    })
+    th.is_festival();
+    th.GetList();
+  },
+  onShow: function() {
+    var th = this;
+    var textTitle = th.data.textTitle.replace(/<img/gi, '<img style="max-width:100%;height:auto;float:left;display:block" ');
+    th.setData({
+      textTitle: textTitle
+    })
+  },
+  GetReceive: function() {
+    var th = this;
+    wx.showLoading({
+      title: '加载中',
+    })
+    if (th.data.receiveState == '已领取') {
+      return false;
+    }
+    var is_sub = th.data.is_sub; //判断是否重复提交
+    if (is_sub == 0) {
+      th.setData({
+        is_sub: 1
+      })
+      var json = {
+        "actId": th.data.getActId, //活动Id
+        "actType": 3, //活动类型 1:新人礼、2:评价有礼、3:节日营销、4:生日营销
+        "giftBagId": th.data.giftID, //礼包Id
+        "storeId": a.stoid, //商家Id
+        "userId": d.user_id //用户ID
+      }
+      var data = JSON.stringify(json);
+      var url = th.data.url + "/api/weshop/marketing/free/receive/gift/record/insert";
+      wx.request({
+        url: url,
+        data: data,
+        method: 'post',
+        header: {
+          'content-type': 'application/json'
+        }, // 设置请求的 header
+        success: function(res) {
+          wx.hideLoading();
+          th.setData({
+            is_sub: 0
+          })
+          if (res.data.code == 0) {
+            th.setData({
+              receiveState: '已领取'
+            })
+            getApp().my_warnning("领取成功", 1, th);
+          } else {
+            getApp().my_warnning("系统繁忙,请稍后再试", 0, th);
+          }
+        }
+      })
+    }
+  },
+  //获取节日有礼信息
+  is_festival: function(e) {
+    var th = this;
+    var url = "/api/weshop/marketing/holiday/act/judge";
+    getApp().request.promiseGet(url, {
+      data: {
+        storeId: a.stoid, //商家ID
+        userId: d.user_id //用户ID
+      }
+    }).then(res => {
+      if (res.data.code == 0) {
+        th.setData({
+          bimg: res.data.data.actBoundImg,
+          actFontColor: res.data.data.actFontColor, //字体颜色
+          actBgColor: res.data.data.actBgColor, //背景颜色
+
+        })
+      }
+    })
+  },
+  //界面跳转
+  goto: function(e) {
+    var url = e.currentTarget.dataset.url;
+    getApp().goto(url);
+  },
+  //图片失败，默认图片
+  bind_bnerr1: function(e) {
+    var th = this;
+    var _errImg = e.target.dataset.errorimg;
+    var _Img = e.target.dataset.img;
+    if (_Img != undefined) {
+      var _errObj = {};
+      _errObj[_errImg] = "/miniapp/images/giftbag/gift02.png";
+      th.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ;
+    }
+  },
+});
 \ No newline at end of file
+{
+  "navigationBarTitleText": "节日有礼",
+  "usingComponents": {
+    "warn": "/components/long_warn/long_warn",
+    "my_confirm": "/components/my_confirm/my_confirm"
+  }
+}
 \ No newline at end of file
+<view style="background-color:{{actBgColor==undefined?'#FFB72D':actBgColor}}">
+  <view class="image_box">
+    <image src="{{iurl+bimg}}" lazy-load="true"></image>
+  </view>
+  <block wx:if="{{itemShow}}">
+    <view class="top rel">
+      <view class="top_box">
+        <view class="top_box_text">
+          <text style="color:{{actFontColor!='' && actFontColor!=undefined?actFontColor:''}}">______</text>
+        </view>
+        <view class="top_box_text">
+          <text style="color:{{actFontColor!='' && actFontColor!=undefined?actFontColor:''}}">新人专享\n你的美丽我来缔造</text>
+        </view>
+        <view class="top_box_text">
+          <text style="color:{{actFontColor!='' && actFontColor!=undefined?actFontColor:''}}">______</text>
+        </view>
+      </view>
+      <block wx:for="{{itemWare}}" wx:for-item="item" wx:for-index="index" wx:key="index">
+        <view class="top_item ">
+          <block wx:if="{{item.lbType==3}}">
+            <view class="top_item_img">
+              <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>
+            </view>
+          </block>
+          <block wx:if="{{item.lbType==1}}">
+            <view class="top_item_img ">
+              <image src="{{item.fromImage==''?iurl+'/miniapp/images/giftbag/empty.jpg':iurl+item.fromImage}}" lazy-load="true"></image>
+            </view>
+          </block>
+          <view class="top_item_center ">
+            <view class="top_item_center_title" style="color:{{actFontColor!='' && actFontColor!=undefined?actFontColor:''}}">
+              <block wx:if="{{item.lbType==1}}">
+                <text>免费领取</text>
+              </block>
+              <block wx:if="{{item.lbType==3}}">
+                <text>{{item.fromName}}</text>
+              </block>
+            </view>
+            <view class="top_item_center_ramke ">
+              <block wx:if="{{item.lbType==1}}">
+                <text>{{item.fromName}}</text>
+              </block>
+              <block wx:if="{{item.lbType==3}}">
+                <text>{{"新人可免费享受专业"+item.fromName+"，可以享受"+item.num+"次。"}}</text>
+              </block>
+              <view class="num flex-level-right fs26" style="color:{{actFontColor!='' && actFontColor!=undefined?actFontColor:''}}">
+                <view>数量：</view>
+                <view>{{item.num}}</view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </block>
+      <block wx:if="{{itemShow}}">
+        <view class="vips">
+          <image class="lvip abs" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image>
+          <image class="rvip abs" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image>
+        </view>
+      </block>
+    </view>
+  </block>
+  <block wx:if="{{cardShow}}">
+    <view>
+      <view class="top rel">
+        <view class="top_box ">
+          <view class="top_box_text">
+            <text style="color:{{actFontColor!='' && actFontColor!=undefined?actFontColor:''}}">———</text>
+          </view>
+          <view class="top_box_text ">
+            <text style="color:{{actFontColor!='' && actFontColor!=undefined?actFontColor:''}}">新人专享优惠券</text>
+          </view>
+          <view class="top_box_text ">
+            <text style="color:{{actFontColor!='' && actFontColor!=undefined?actFontColor:''}}">———</text>
+          </view>
+        </view>
+        <block wx:for="{{cards}}" wx:for-item="item" wx:for-index="index" wx:key="index">
+          <view class="top_card ">
+            <view class="{{item.useObjectType==1?'top_card_box img1':item.useObjectType==2?'top_card_box img2':'top_card_box img3'}}">
+              <!-- class="{{['',item.useObjectType==1?'top_card_box img1':item.useObjectType==2?'top_card_box img2':'top_card_box img3']}}" -->
+              <view class="top_card_tite_box ">
+                <block wx:if="{{item.useObjectType==0}}">
+                  <view class="top_card_tite_a">全场通用</view>
+                </block>
+                <block wx:if="{{item.useObjectType==1}}">
+                  <view class="top_card_tite_b">品牌限定</view>
+                </block>
+                <block wx:if="{{item.useObjectType==2}}">
+                  <view class="top_card_tite_c">品类限定</view>
+                </block>
+                <block wx:if="{{item.useObjectType==11}}">
+                  <view class="top_card_tite_a">用途限定</view>
+                </block>
+                <block wx:if="{{item.useObjectType==12}}">
+                  <view class="top_card_tite_a">分类限定</view>
+                </block>
+              </view>
+              <view class="top_card_counte ">{{item.sum+"元券"}}</view>
+              <view class="top_card_remak ">{{"满"+item.buySum+"元可以用"}}</view>
+            </view>
+          </view>
+        </block>
+        <block wx:if="{{packShow}}">
+          <view class="vips">
+            <image class="lvip abs" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image>
+            <image class="rvip abs" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image>
+          </view>
+        </block>
+      </view>
+    </view>
+  </block>
+  <block wx:if="{{packShow}}">
+    <view>
+      <view class="top ">
+        <view class="top_box ">
+          <view class="top_box_text ">
+            <text>———</text>
+          </view>
+          <view class="top_box_text ">
+            <text>新人专享福利</text>
+          </view>
+          <view class="top_box_text ">
+            <text>———</text>
+          </view>
+        </view>
+        <block wx:if="{{integralShow}}">
+          <view>
+            <view class="top_box_image ">
+              <image src="{{iurl+'/miniapp/images/giftbag/vip06.jpg'}}" lazy-load="true"></image>
+              <button style="background-color:{{actFontColor!='' && actFontColor!=undefined?actFontColor:''}}">{{integralTitle}}</button>
+            </view>
+          </view>
+        </block>
+        <block wx:if="{{growUpShow}}">
+          <view>
+            <view class="top_box_image fs36">
+              <image src="{{iurl+'/miniapp/images/giftbag/vip07.jpg'}}" lazy-load="true"></image>
+              <button style="background-color:{{actFontColor!='' && actFontColor!=undefined?actFontColor:''}}">{{growUpTitle}}</button>
+            </view>
+          </view>
+        </block>
+      </view>
+    </view>
+  </block>
+  <block wx:if="{{textShow}}">
+    <view class="foot_box">
+      <view class="foot_box_title fs36">
+        <text>活动规则:</text>
+      </view>
+      <view class="foot_box_text">
+        <rich-text nodes="{{textTitle}}"></rich-text>
+      </view>
+    </view>
+  </block>
+  <view class="button_box">
+    <view>
+      <button class="button" bindtap="goto" data-url="/pages/index/index/index" style="background-color:{{actFontColor!='' && actFontColor!=undefined?actFontColor:''}}">进入商城购物</button>
+    </view>
+    <view class="button_text ">
+      <text>本活动最终解释权归公司所有，如果有问题请联系客服</text>
+    </view>
+  </view>
+  <view class="foot_empty "></view>
+  <view class="foot_button">
+    <view class="{{receiveState=='已领取'?'foot_button_notbuy':'foot_button_buy'}}" bindtap="GetReceive" style="background-color:{{actFontColor!='' && actFontColor!=undefined?actFontColor:''}}">
+      <text>{{receiveState}}</text>
+    </view>
+  </view>
+</view>
+<!-- 引入提示组件 -->
+<warn id="warn"></warn>
+<my_confirm id="my_confirm"></my_confirm>
 \ No newline at end of file
+@charset "UTF-8";
+
+/* Author XGQ
+ * 2019-10-27
+ */
+
+.image_box {
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+}
+
+.image_box image {
+  width: 100%;
+  height: 690rpx;
+}
+
+.top {
+  margin: -20rpx 28rpx 45rpx 28rpx;
+  padding: 10rpx 10rpx 70rpx 10rpx;
+  background-color: #fff;
+  border-radius: 0rpx 0rpx 15rpx 15rpx;
+}
+
+.top_box {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  text-align: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+}
+
+.top_box_text {
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  margin: 50rpx 15rpx 20rpx 15rpx;
+}
+
+.top_box_text text {
+  color: #FFB72D;
+  font-size: 40rpx;
+}
+
+.top_item {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  width: 100%;
+  margin: 60rpx 0 0 0;
+}
+
+.top_item_img {
+  float: left;
+  width: 28%;
+  margin: 0rpx 10rpx 0rpx 20rpx;
+}
+
+.top_item_img image {
+  width: 150rpx;
+  height: 150rpx;
+  border-radius: 50%;
+  border: #f96865 solid 3rpx;
+}
+
+.top_item_center {
+  float: left;
+  width: 50%;
+}
+
+.top_item_center_title {
+  font-size: 35rpx;
+  color: #FFB72D;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  justify-content: flex-start;
+  padding: 0 10rpx 15rpx 0rpx;
+  word-break: break-all;
+  /*属性规定自动换行的处理方法。normal(使用浏览器默认的换行规则。),break-all(允许在单词内换行。),keep-all(只能在半角空格或连字符处换行。)*/
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  /** 对象作为伸缩盒子模型显示 **/
+  -webkit-box-orient: vertical;
+  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
+  -webkit-line-clamp: 2;
+  /** 显示的行数 **/
+  overflow: hidden;
+  /** 隐藏超出的内容 **/
+}
+
+.top_item_center_ramke {
+  font-size: 25rpx;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  justify-content: flex-start;
+  line-height: 35rpx;
+  letter-spacing: 0.5rpx;
+  word-break: break-all;
+  /*属性规定自动换行的处理方法。normal(使用浏览器默认的换行规则。),break-all(允许在单词内换行。),keep-all(只能在半角空格或连字符处换行。)*/
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  /** 对象作为伸缩盒子模型显示 **/
+  -webkit-box-orient: vertical;
+  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
+  -webkit-line-clamp: 2;
+  /** 显示的行数 **/
+  overflow: hidden;
+  /** 隐藏超出的内容 **/
+}
+
+.top_item_button {
+  float: right;
+  width: 22%;
+  padding: 65rpx 20rpx 0 1rpx;
+}
+
+.top_item_button button {
+  font-size: 25rpx;
+  background: #fd6969;
+  color: #fff;
+  border-radius: 50rpx;
+  height: 45rpx;
+  line-height: 45rpx;
+}
+
+.top_card {
+  width: calc(50% - 30rpx);
+  display: inline-block;
+  margin: 15rpx;
+}
+
+.top_card_box {
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  border-radius: 20rpx;
+  height: 250rpx;
+  margin: 5rpx;
+}
+
+.img1 {
+  background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip01.png);
+}
+
+.img2 {
+  background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip02.png);
+}
+
+.img3 {
+  background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip03.png);
+}
+
+.top_card_tite_box {
+  width: 100%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: end;
+  -webkit-justify-content: flex-end;
+  justify-content: flex-end;
+}
+
+.top_card_tite_a {
+  padding: 5rpx 25rpx 5rpx 25rpx;
+  line-height: 29rpx;
+  font-size: 25rpx;
+  color: #fff;
+  background: #ffa7c0;
+  border-radius: 0rpx 20rpx 0rpx 6rpx;
+}
+
+.top_card_tite_b {
+  padding: 5rpx 25rpx 5rpx 25rpx;
+  line-height: 29rpx;
+  font-size: 25rpx;
+  color: #fff;
+  background: #50dfdb;
+  border-radius: 0rpx 20rpx 0rpx 6rpx;
+}
+
+.top_card_tite_c {
+  padding: 5rpx 25rpx 5rpx 25rpx;
+  line-height: 29rpx;
+  font-size: 25rpx;
+  color: #fff;
+  background: #92cbff;
+  border-radius: 0rpx 20rpx 0rpx 6rpx;
+}
+
+.top_card_tite_d {
+  padding: 5rpx 25rpx 5rpx 25rpx;
+  line-height: 29rpx;
+  font-size: 25rpx;
+  color: #fff;
+  border-radius: 0rpx 20rpx 0rpx 6rpx;
+}
+
+.top_card_counte {
+  padding: 40rpx 20rpx 0 0;
+  text-align: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  color: #fff;
+  font-size: 40rpx;
+}
+
+.top_card_remak {
+  padding: 20rpx 0 40rpx 0;
+  text-align: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  font-size: 20rpx;
+  color: #fff;
+}
+
+.top_card_button_a button {
+  margin: 0 85rpx;
+  background: #ffa6bc;
+  border-radius: 50rpx;
+  line-height: 40rpx;
+  height: 40rpx;
+  color: white;
+  font-size: 25rpx;
+}
+
+.top_card_button_b button {
+  margin: 0 85rpx;
+  background: #50dfdb;
+  border-radius: 50rpx;
+  line-height: 40rpx;
+  height: 40rpx;
+  color: white;
+  font-size: 25rpx;
+}
+
+.top_card_button_c button {
+  margin: 0 85rpx;
+  background: #75bcfc;
+  border-radius: 50rpx;
+  line-height: 40rpx;
+  height: 40rpx;
+  color: white;
+  font-size: 25rpx;
+}
+
+.top_card_button_d button {
+  margin: 0 85rpx;
+  border-radius: 50rpx;
+  line-height: 40rpx;
+  height: 40rpx;
+  color: white;
+  font-size: 25rpx;
+}
+
+.top_box_image {
+  padding: 20rpx 20rpx 20rpx 20rpx;
+}
+
+.top_box_image image {
+  height: 216rpx;
+  width: 100%;
+}
+
+.top_box_image button {
+  margin: 15rpx 95rpx 0rpx 95rpx;
+  background: rgb(254,182,44);
+  border-radius: 50rpx;
+  line-height: 60rpx;
+  height: 60rpx;
+  color: white;
+  font-size: 30rpx;
+}
+
+.foot_box {
+  margin: 0 30rpx 40rpx 30rpx;
+  background: #fff;
+  border-radius: 20rpx;
+}
+
+.foot_box_title {
+  color: #000;
+  padding: 20rpx 30rpx 20rpx 30rpx;
+}
+
+.foot_box_text {
+  font-size: 30rpx;
+  color: #000;
+  line-height: 48rpx;
+  padding: 20rpx 35rpx 50rpx 30rpx;
+}
+
+.button_box {
+  margin: 50rpx 50rpx 50rpx 50rpx;
+  text-align: center;
+}
+
+.button {
+  margin: 0 30rpx;
+  background: #FFDB97;
+  border-radius: 50rpx;
+  line-height: 80rpx;
+  height: 80rpx;
+  color: white;
+  font-size: 35rpx;
+}
+
+.button_text {
+  padding-top: 20rpx;
+  font-size: 20rpx;
+  color: white;
+  height: 100rpx;
+}
+
+.foot_empty {
+  height: 90rpx;
+}
+
+.foot_button {
+  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%;
+  z-index: 10;
+}
+
+.foot_button_buy {
+  background: #FFB72D;
+  color: #fff;
+  width: 400rpx;
+  height: 70rpx;
+  font-size: 28rpx;
+  line-height: 70rpx;
+  border-radius: 40rpx;
+}
+
+.foot_button_notbuy {
+  background: #999;
+  color: #fff;
+  width: 400rpx;
+  height: 70rpx;
+  font-size: 28rpx;
+  line-height: 70rpx;
+  border-radius: 40rpx;
+}
+
+/* page {
+  background-color: #FFB72D;
+} */
+
+button::after {
+  border: none;
+}
+
+.foot_box_text ._img {
+  width: 100%;
+}
+
+.foot_box_text .img {
+  line-height: 0;
+}
+
+.image {
+  width: 400rpx;
+  height: 200rpx;
+}
+
+.num {
+  color: #FFB72D;
+}
+
+.lvip {
+  left: 30rpx;
+  bottom: -58rpx;
+  width: 20rpx;
+  height: 90rpx;
+  z-index: 5;
+}
+
+.rvip {
+  right: 30rpx;
+  bottom: -58rpx;
+  width: 20rpx;
+  height: 90rpx;
+  z-index: 5;
+}
@@ -228,7 +228,7 @@ Page({
         },
         function(res) {
-        }, "post"
+        }
       )
@@ -119,7 +119,7 @@
           <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">
+          <view wx:if="{{c_state==1}}" class="foot_button_buy data-v-3a5b7e36 overdue" bindtap="getcode">
             <text class="data-v-3a5b7e36">商品已核销</text>
           </view>
           <view wx:if="{{c_state==2}}" class="foot_button_buy data-v-3a5b7e36 overdue">