美图秀秀粉钻免费送

前端开发-罗建龙
1 parent 577087f7
Showing 5 changed files with 264 additions and 1 deletions
app.json
packageF/pages/free_delivery/free_delivery.js
packageF/pages/free_delivery/free_delivery.json
packageF/pages/free_delivery/free_delivery.wxml
packageF/pages/free_delivery/free_delivery.wxss
@@ -235,7 +235,8 @@
           "root": "packageF/",
           "name": "pack6",
           "pages": [
-              "pages/wuliu/wuliu"
+              "pages/wuliu/wuliu",
+              "pages/free_delivery/free_delivery"
           ]
  
       }
+// packageF/pages/free_delivery/free_delivery.js
+var o = getApp().globalData.setting
+const app = getApp();
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    url: o.imghost,
+    userInfo:null,
+    login_title:'暂未登录，请先登录',
+    login_name:'授权登录',
+    login_off:false,
+    hd_id:'',
+    delHeight:736,  //默认窗口高度，用于对比，定位图片用
+    delOff:false,  //窗口高度对比，false 用默认定位，ture 定位调整
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+    let window_info = wx.getWindowInfo()
+    if (window_info.screenHeight > this.data.delHeight) {
+      this.setData({
+        delOff:true
+      })
+    }
+
+    if (options && options.id) {
+      this.setData({
+        hd_id:options.id
+      })
+    }else{
+      wx.showToast({
+        title: '获取活动失败',
+        icon: 'none',
+        duration: 2000,
+        mask:true
+      })
+      setTimeout(()=>{
+        wx.reLaunch({
+          url: '/pages/index/index/index'
+        })
+      },2000)
+    }
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+    let userInfo = getApp().globalData.userInfo;
+    this.setData({
+      userInfo
+    })
+    if (userInfo) {
+      this.setData({
+        login_title:userInfo.mobile,
+        login_name:'领取会员'
+      })
+    }
+    wx.setNavigationBarTitle({
+      title: '免费送'
+    })
+  },
+	//--跳到绑定页面--  
+	gobindtel: function () {
+    let userInfo = this.data.userInfo
+    let login_off = this.data.login_off
+    if (userInfo) {
+      if (!login_off) {
+        this.setData({
+          login_off:true
+        })
+        wx.showLoading({
+          title: '领取中',
+          mask: true,
+        });
+        app.request.promisePost('/api/weshop/meitu/storeMeituUserlist/save', {
+          is_json: true,
+          data: {
+            store_id: app.globalData.setting.stoid,
+            user_id: app.globalData.user_id,
+            hd_id: this.data.hd_id,
+          },
+        }).then((res)=>{       
+          if(res.data.code == 0) {
+            wx.showToast({
+              title: '领取成功',
+              icon: 'success',
+              duration: 2000,
+              mask:true,
+            });
+            setTimeout(()=>{
+              wx.reLaunch({
+                url: '/pages/index/index/index'
+              })
+            },2000)
+            // self.getData(true, '/api/weshop/goods/page?isnewwhere=1&is_mainshow=1&isonsale=1&dis_type=1', self.data.currentQuery, false);	
+          } else {
+            this.setData({
+              login_off:false
+            })
+            wx.showToast({
+              title: '领取失败',
+              icon: 'success',
+              duration: 1000,
+              mask:true,
+            });
+          }
+          
+        });
+
+
+
+
+      }
+    }else{
+      wx.navigateTo({
+        url: '/packageE/pages/togoin/togoin',
+      })
+    }
+	},
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})
 \ No newline at end of file
+{
+  "usingComponents": {
+
+  }
+}
 \ No newline at end of file
+<!--packageF/pages/free_delivery/free_delivery.wxml-->
+<view class="free_delivery" style="background-image: url({{url}}miniapp/images/pink_diamond/bj.png);">
+  <view class="top" >
+    <image src="{{url}}miniapp/images/pink_diamond/logo.png" style="width: 345.6rpx;height: 88rpx;"></image>
+  </view>
+  <view class="main" style="top: {{delOff ? '26.5':'24.5'}}%;">
+    <image src="{{url}}miniapp/images/pink_diamond/top.png" style="width: 618.8rpx;height: 235.9rpx;"></image>
+    <view class="main_title" style="background-image: url({{url}}miniapp/images/pink_diamond/login.png);width: 618.8rpx;height: 80rpx;color: {{userInfo ? '#333' :'rgb(194, 194, 194)'}};font-weight: {{userInfo ? 'bold' :'400'}};" >{{login_title}}</view>
+    <view class="but" catchtap="gobindtel"  style="background-image: url({{url}}miniapp/images/pink_diamond/login1.png);width: 618.8rpx;height: 80rpx;" >{{login_name}}</view>
+    <!-- <view wx:if="{{userInfo}}">领取会员</view>
+    <view wx:else catchtap="gobindtel">点击注册</view> -->
+  </view>
+  <view class="bottom" style="bottom: {{delOff ? '7':'3.5'}}%;" >
+    <image src="{{url}}miniapp/images/pink_diamond/bottom.png?v=5" style="width: 646.8rpx;height: 388.5rpx;"></image>
+  </view>
+</view>
+/* packageF/pages/free_delivery/free_delivery.wxss */
+
+.free_delivery{
+  width: 100%;
+  height: 100vh;
+  /* display: flex;
+  flex-direction: column;
+  justify-content: space-between; */
+  background-position: 50%;
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+  background-size: 100% 100%;
+  position: relative;
+}
+.top{
+  padding: 50rpx 0 0 40rpx;
+
+  /* width: 100%;
+  height: 483rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center; */
+}
+.main{
+  position: absolute;
+  left: 0;
+  top: 24.5%;
+  width: 100%;
+  /* height: 200rpx;
+  background-color: red; */
+  /* opacity: .5; */
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  /* width: 100%;
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  background-color: darkmagenta; */
+}
+.main_title{
+  margin: 25rpx 0;
+
+}
+.main view{
+  background-position: 50%;
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+  background-size: 100% 100%;
+  position: relative;
+  border: 1rpx solid rgb(194, 194, 194);
+  border-radius: 5rpx;
+  overflow: hidden;
+  text-align: center;
+  line-height: 80rpx;
+}
+.but{
+  font-weight: bold;
+}
+.bottom{
+  width: 100%;
+  position: absolute;
+  left: 0;
+  bottom: 5%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+