Commit db75969567bf92e39eed43dc0b061406afb79ad7
1 parent
fa9e96ac
好友助力与助力成功的页
Showing
8 changed files
with
434 additions
and
0 deletions
pages/user/assistance/assistance_success.js
0 → 100644
| 1 | +var auth = require("../../../utils/auth.js"), rq = require("../../../utils/request.js"); | ||
| 2 | +var e = getApp(), app = e, s = e.globalData.setting, os = s, app_d = e.globalData; | ||
| 3 | +var regeneratorRuntime = require('../../../utils/runtime.js'); | ||
| 4 | +Page({ | ||
| 5 | + | ||
| 6 | + /** | ||
| 7 | + * 页面的初始数据 | ||
| 8 | + */ | ||
| 9 | + data: { | ||
| 10 | + iurl: s.imghost, | ||
| 11 | + }, | ||
| 12 | + | ||
| 13 | + /** | ||
| 14 | + * 生命周期函数--监听页面加载 | ||
| 15 | + */ | ||
| 16 | + onLoad: function (options) { | ||
| 17 | + | ||
| 18 | + }, | ||
| 19 | + | ||
| 20 | + /** | ||
| 21 | + * 生命周期函数--监听页面初次渲染完成 | ||
| 22 | + */ | ||
| 23 | + onReady: function () { | ||
| 24 | + | ||
| 25 | + }, | ||
| 26 | + | ||
| 27 | + /** | ||
| 28 | + * 生命周期函数--监听页面显示 | ||
| 29 | + */ | ||
| 30 | + onShow: function () { | ||
| 31 | + | ||
| 32 | + }, | ||
| 33 | + | ||
| 34 | + | ||
| 35 | + // 初始化判断微信余额 | ||
| 36 | + async weixin() { | ||
| 37 | + var user_id = getApp().globalData.user_id; | ||
| 38 | + var store_id = os.stoid; | ||
| 39 | + await getApp().request.promiseGet("/api/weshop/marketing/help/act/judge", { | ||
| 40 | + data: { | ||
| 41 | + user_id: user_id, | ||
| 42 | + store_id: store_id | ||
| 43 | + } | ||
| 44 | + }).then(res => { | ||
| 45 | + console.log("是什么东西", res.data.code); | ||
| 46 | + | ||
| 47 | + }) | ||
| 48 | + | ||
| 49 | + }, | ||
| 50 | + | ||
| 51 | + /** | ||
| 52 | + * 生命周期函数--监听页面隐藏 | ||
| 53 | + */ | ||
| 54 | + onHide: function () { | ||
| 55 | + | ||
| 56 | + }, | ||
| 57 | + | ||
| 58 | + /** | ||
| 59 | + * 生命周期函数--监听页面卸载 | ||
| 60 | + */ | ||
| 61 | + onUnload: function () { | ||
| 62 | + | ||
| 63 | + }, | ||
| 64 | + | ||
| 65 | + /** | ||
| 66 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
| 67 | + */ | ||
| 68 | + onPullDownRefresh: function () { | ||
| 69 | + | ||
| 70 | + }, | ||
| 71 | + | ||
| 72 | + /** | ||
| 73 | + * 页面上拉触底事件的处理函数 | ||
| 74 | + */ | ||
| 75 | + onReachBottom: function () { | ||
| 76 | + | ||
| 77 | + }, | ||
| 78 | + | ||
| 79 | + /** | ||
| 80 | + * 用户点击右上角分享 | ||
| 81 | + */ | ||
| 82 | + onShareAppMessage: function () { | ||
| 83 | + | ||
| 84 | + } | ||
| 85 | +}) | ||
| 0 | \ No newline at end of file | 86 | \ No newline at end of file |
pages/user/assistance/assistance_success.json
0 → 100644
pages/user/assistance/assistance_success.wxml
0 → 100644
| 1 | + | ||
| 2 | +<view class="top-back" style="background-image: url({{iurl}}/miniapp/images/friendhelp/lumi.png)"> | ||
| 3 | + <view class="flex-vertical user_assis"> | ||
| 4 | + <image class="circle user_img" src="https://mshopimg.yolipai.net/public/upload/qyimg/temp/2019/08-14/0697f7277936a3b116a6ebc4f8f5e39a.png"></image> | ||
| 5 | + <view class="user_name white fs28 ellipsis-1">你好</view> | ||
| 6 | + </view> | ||
| 7 | + <view class="caption_title white fs32 t-c"> | ||
| 8 | + 助力成功，自己也差拆一个吧~ | ||
| 9 | + </view> | ||
| 10 | + <!-- 礼包图片 --> | ||
| 11 | +<view class="t-c"> | ||
| 12 | +<image class="assis_liba" src="{{iurl}}/miniapp/images/friendhelp/libao_asiss.png"> | ||
| 13 | +</image> | ||
| 14 | +</view> | ||
| 15 | + <view class="flex jc-center"> | ||
| 16 | + <view class="activity_time fs24 white"> | ||
| 17 | + 活动时间：5月23日-6月15日 | ||
| 18 | + </view> | ||
| 19 | + </view> | ||
| 20 | +</view> | ||
| 21 | +<view class="cklie_button t-c flex-center" bindtap="cklie_button">我也要参加</view> | ||
| 22 | +<view class="fs26 white t-c">已有126人领取礼盒</view> | ||
| 23 | +<!-- 礼盒弹框 --> | ||
| 24 | +<!-- <view class="cover-layer" wx:if='{{is_show!=0}}' bindtap="clike_none"></view> | ||
| 25 | +<view class="libao_frame t-c" wx:if='{{is_show!=0}}'> | ||
| 26 | + <view class="layer-img" style="background-image: url({{iurl}}/miniapp/images/friendhelp/success.png)"> | ||
| 27 | + <view class="button-img t-c fs28 flex-center" style="background-image: url({{iurl}}/miniapp/images/friendhelp/participate.png)"> | ||
| 28 | + 我也要参加 | ||
| 29 | + </view> | ||
| 30 | + <view class=" fs24 success white t-c">已成功帮你的小伙伴助力!</view> | ||
| 31 | + </view> | ||
| 32 | + <view class="link_div"> | ||
| 33 | +</view> | ||
| 34 | +<image class="close-none"bindtap="clike_none" src="{{iurl}}/miniapp/images/plus/Close.png"></image> | ||
| 35 | +</view> --> | ||
| 36 | +<!-- 引入提示组件 --> | ||
| 37 | +<warn id="warn"></warn> | ||
| 38 | +<!-- 制作一个圆球导航 --> | ||
| 39 | +<nav_b id="nav_b"></nav_b> | ||
| 0 | \ No newline at end of file | 40 | \ No newline at end of file |
pages/user/assistance/assistance_success.wxss
0 → 100644
| 1 | +page{ | ||
| 2 | + background: #d01119; | ||
| 3 | + width: 100%; | ||
| 4 | + height: 100% | ||
| 5 | + | ||
| 6 | +} | ||
| 7 | +.top-back{ | ||
| 8 | + width: 100%; | ||
| 9 | + height: 60%; | ||
| 10 | + background-repead:no-repead; | ||
| 11 | + background-size:100% 100%; | ||
| 12 | + | ||
| 13 | +} | ||
| 14 | +.user_img{ | ||
| 15 | + width: 70rpx; | ||
| 16 | + height: 70rpx; | ||
| 17 | + margin-right: 15rpx; | ||
| 18 | + | ||
| 19 | +} | ||
| 20 | +.user_assis{ | ||
| 21 | + width: 85%; | ||
| 22 | + margin: auto; | ||
| 23 | + padding-top: 50rpx; | ||
| 24 | +} | ||
| 25 | +.caption_title{ | ||
| 26 | + margin-top: 60rpx; | ||
| 27 | + margin-bottom: 30rpx; | ||
| 28 | +} | ||
| 29 | +.assis_liba{ | ||
| 30 | + width: 50%; | ||
| 31 | + margin: auto; | ||
| 32 | + height: 340rpx; | ||
| 33 | + | ||
| 34 | +} | ||
| 35 | +.activity_time{ | ||
| 36 | + border-bottom: 1rpx solid #fff; | ||
| 37 | + margin: auto; | ||
| 38 | + display: inline; | ||
| 39 | +} | ||
| 40 | +.cklie_button{ | ||
| 41 | + margin: auto; | ||
| 42 | + width: 60%; | ||
| 43 | + height: 80rpx; | ||
| 44 | + border-radius: 50rpx; | ||
| 45 | + margin-top: 20rpx; | ||
| 46 | + background: #fbda0e; | ||
| 47 | + color:#d01119; | ||
| 48 | + line-height: 80rpx; | ||
| 49 | + letter-spacing: 5rpx; | ||
| 50 | + box-shadow: 0rpx 7rpx 0rpx 0rpx rgb(245, 119, 6); | ||
| 51 | + font-size: 44rpx; | ||
| 52 | + margin-bottom: 40rpx; | ||
| 53 | +} | ||
| 54 | +.con_div{ | ||
| 55 | +z-index: 15; | ||
| 56 | +position: fixed; | ||
| 57 | +top: 0; | ||
| 58 | +left: 0; | ||
| 59 | +height: 100%; | ||
| 60 | +width: 100%; | ||
| 61 | +} | ||
| 0 | \ No newline at end of file | 62 | \ No newline at end of file |
pages/user/assistance/friend_assistance.js
0 → 100644
| 1 | +var auth = require("../../../utils/auth.js"), rq = require("../../../utils/request.js"); | ||
| 2 | +var e = getApp(), app = e, s = e.globalData.setting, os = s, app_d = e.globalData; | ||
| 3 | +var regeneratorRuntime = require('../../../utils/runtime.js'); | ||
| 4 | +Page({ | ||
| 5 | + | ||
| 6 | + /** | ||
| 7 | + * 页面的初始数据 | ||
| 8 | + */ | ||
| 9 | + data: { | ||
| 10 | + iurl: s.imghost, | ||
| 11 | + is_show:0,//显示弹框 | ||
| 12 | + }, | ||
| 13 | + | ||
| 14 | + /** | ||
| 15 | + * 生命周期函数--监听页面加载 | ||
| 16 | + */ | ||
| 17 | + onLoad: function (options) { | ||
| 18 | + | ||
| 19 | + }, | ||
| 20 | + | ||
| 21 | + | ||
| 22 | + // 跳转到助力成功页 | ||
| 23 | + participate_activity:function(){ | ||
| 24 | + wx.navigateTo({ | ||
| 25 | + url: '/pages/user/assistance/assistance_success', | ||
| 26 | + }) | ||
| 27 | + }, | ||
| 28 | + /** | ||
| 29 | + * 生命周期函数--监听页面初次渲染完成 | ||
| 30 | + */ | ||
| 31 | + onReady: function () { | ||
| 32 | + | ||
| 33 | + }, | ||
| 34 | + | ||
| 35 | + /** | ||
| 36 | + * 生命周期函数--监听页面显示 | ||
| 37 | + */ | ||
| 38 | + onShow: function () { | ||
| 39 | + | ||
| 40 | + }, | ||
| 41 | + //点击开启礼盒 | ||
| 42 | + cklie_button:function(){ | ||
| 43 | + this.setData({ is_show:1}); | ||
| 44 | + }, | ||
| 45 | + //点击关闭礼盒 | ||
| 46 | + clike_none:function(){ | ||
| 47 | + this.setData({ is_show:0}); | ||
| 48 | + }, | ||
| 49 | + //导航球 | ||
| 50 | + close: function () { | ||
| 51 | + var th = this; | ||
| 52 | + var nav_b = th.selectComponent("#nav_b"); //组件的id | ||
| 53 | + nav_b.close_box(); | ||
| 54 | + nav_b.set_name("助力", ""); | ||
| 55 | + }, | ||
| 56 | + /** | ||
| 57 | + * 生命周期函数--监听页面隐藏 | ||
| 58 | + */ | ||
| 59 | + onHide: function () { | ||
| 60 | + | ||
| 61 | + }, | ||
| 62 | + | ||
| 63 | + /** | ||
| 64 | + * 生命周期函数--监听页面卸载 | ||
| 65 | + */ | ||
| 66 | + onUnload: function () { | ||
| 67 | + | ||
| 68 | + }, | ||
| 69 | + | ||
| 70 | + /** | ||
| 71 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
| 72 | + */ | ||
| 73 | + onPullDownRefresh: function () { | ||
| 74 | + | ||
| 75 | + }, | ||
| 76 | + | ||
| 77 | + /** | ||
| 78 | + * 页面上拉触底事件的处理函数 | ||
| 79 | + */ | ||
| 80 | + onReachBottom: function () { | ||
| 81 | + | ||
| 82 | + }, | ||
| 83 | + | ||
| 84 | + /** | ||
| 85 | + * 用户点击右上角分享 | ||
| 86 | + */ | ||
| 87 | + onShareAppMessage: function () { | ||
| 88 | + | ||
| 89 | + } | ||
| 90 | +}) | ||
| 0 | \ No newline at end of file | 91 | \ No newline at end of file |
pages/user/assistance/friend_assistance.json
0 → 100644
pages/user/assistance/friend_assistance.wxml
0 → 100644
| 1 | +<view class="top-back" style="background-image: url({{iurl}}/miniapp/images/friendhelp/lumi.png)"> | ||
| 2 | + <view class="flex-vertical user_assis"> | ||
| 3 | + <image class="circle user_img" src="https://mshopimg.yolipai.net/public/upload/qyimg/temp/2019/08-14/0697f7277936a3b116a6ebc4f8f5e39a.png"></image> | ||
| 4 | + <view class="user_name white fs28 ellipsis-1">你好</view> | ||
| 5 | + </view> | ||
| 6 | + <view class="caption_title white fs32 t-c"> | ||
| 7 | + 拜托拜托，帮我拆礼盒得好礼~ | ||
| 8 | + </view> | ||
| 9 | + <!-- 礼包图片 --> | ||
| 10 | +<view class="t-c"> | ||
| 11 | +<image class="assis_liba" src="../../../images/frinedhelp/libao_asiss.png"> | ||
| 12 | +</image> | ||
| 13 | +</view> | ||
| 14 | + <view class="flex jc-center"> | ||
| 15 | + <view class="activity_time fs24 white"> | ||
| 16 | + 活动时间：5月23日-6月15日 | ||
| 17 | + </view> | ||
| 18 | + </view> | ||
| 19 | +</view> | ||
| 20 | +<view class="cklie_button t-c flex-center" bindtap="cklie_button">帮他拆礼盒</view> | ||
| 21 | +<view class="fs26 white t-c">已有126人领取礼盒</view> | ||
| 22 | +<!-- 礼盒弹框 --> | ||
| 23 | +<view class="cover-layer" wx:if='{{is_show!=0}}' bindtap="clike_none"></view> | ||
| 24 | +<view class="libao_frame t-c" wx:if='{{is_show!=0}}'> | ||
| 25 | + <view class="layer-img" style="background-image: url({{iurl}}/miniapp/images/friendhelp/success.png)"> | ||
| 26 | + <view class="button-img t-c fs28 flex-center" style="background-image: url({{iurl}}/miniapp/images/friendhelp/participate.png)"bindtap="participate_activity" > | ||
| 27 | + 我也要参加 | ||
| 28 | + </view> | ||
| 29 | + <view class=" fs24 success white t-c">已成功帮你的小伙伴助力!</view> | ||
| 30 | + </view> | ||
| 31 | + <view class="link_div"> | ||
| 32 | +</view> | ||
| 33 | +<image class="close-none"bindtap="clike_none" src="{{iurl}}/miniapp/images/plus/Close.png"></image> | ||
| 34 | +</view> | ||
| 35 | +<!-- 引入提示组件 --> | ||
| 36 | +<warn id="warn"></warn> | ||
| 37 | +<!-- 制作一个圆球导航 --> | ||
| 38 | +<nav_b id="nav_b"></nav_b> | ||
| 0 | \ No newline at end of file | 39 | \ No newline at end of file |
pages/user/assistance/friend_assistance.wxss
0 → 100644
| 1 | +page{ | ||
| 2 | + background: #d01119; | ||
| 3 | + width: 100%; | ||
| 4 | + height: 100% | ||
| 5 | + | ||
| 6 | +} | ||
| 7 | +.top-back{ | ||
| 8 | + width: 100%; | ||
| 9 | + height: 60%; | ||
| 10 | + background-repead:no-repead; | ||
| 11 | + background-size:100% 100%; | ||
| 12 | + | ||
| 13 | +} | ||
| 14 | +.user_img{ | ||
| 15 | + width: 70rpx; | ||
| 16 | + height: 70rpx; | ||
| 17 | + margin-right: 15rpx; | ||
| 18 | + | ||
| 19 | +} | ||
| 20 | +.user_assis{ | ||
| 21 | + width: 85%; | ||
| 22 | + margin: auto; | ||
| 23 | + padding-top: 50rpx; | ||
| 24 | +} | ||
| 25 | +.caption_title{ | ||
| 26 | + margin-top: 60rpx; | ||
| 27 | + margin-bottom: 30rpx; | ||
| 28 | +} | ||
| 29 | +.assis_liba{ | ||
| 30 | + width: 50%; | ||
| 31 | + margin: auto; | ||
| 32 | + height: 340rpx; | ||
| 33 | + | ||
| 34 | +} | ||
| 35 | +.activity_time{ | ||
| 36 | + border-bottom: 1rpx solid #fff; | ||
| 37 | + margin: auto; | ||
| 38 | + display: inline; | ||
| 39 | +} | ||
| 40 | +.cklie_button{ | ||
| 41 | + margin: auto; | ||
| 42 | + width: 60%; | ||
| 43 | + height: 80rpx; | ||
| 44 | + border-radius: 50rpx; | ||
| 45 | + margin-top: 20rpx; | ||
| 46 | + background: #fbda0e; | ||
| 47 | + color:#d01119; | ||
| 48 | + line-height: 80rpx; | ||
| 49 | + letter-spacing: 5rpx; | ||
| 50 | + box-shadow: 0rpx 7rpx 0rpx 0rpx rgb(245, 119, 6); | ||
| 51 | + font-size: 44rpx; | ||
| 52 | + margin-bottom: 40rpx; | ||
| 53 | +} | ||
| 54 | +.con_div{ | ||
| 55 | +z-index: 15; | ||
| 56 | +position: fixed; | ||
| 57 | +top: 0; | ||
| 58 | +left: 0; | ||
| 59 | +height: 100%; | ||
| 60 | +width: 100%; | ||
| 61 | +} | ||
| 62 | +.layer-img{ | ||
| 63 | + width: 100%; | ||
| 64 | + height: 515rpx; | ||
| 65 | + background-repead:no-repead; | ||
| 66 | + background-size:100% 100%; | ||
| 67 | +} | ||
| 68 | +.libao_frame{ | ||
| 69 | +z-index: 15; | ||
| 70 | +position: fixed; | ||
| 71 | +width: 70%; | ||
| 72 | +top: 37.5%; | ||
| 73 | +left: 50%; | ||
| 74 | +transform: translate(-50%, -50%); | ||
| 75 | +height: auto; | ||
| 76 | + | ||
| 77 | +} | ||
| 78 | +.button-img{ | ||
| 79 | + width: 60%; | ||
| 80 | + margin: auto; | ||
| 81 | + color: #d01119; | ||
| 82 | + height: 75rpx; | ||
| 83 | + line-height: 72rpx; | ||
| 84 | + background-repead:no-repead; | ||
| 85 | + background-size:100% 100%; | ||
| 86 | + position: absolute; | ||
| 87 | + left: 19%; | ||
| 88 | + bottom: 43%; | ||
| 89 | +} | ||
| 90 | +.success{ | ||
| 91 | + position: absolute; | ||
| 92 | + left: 23%; | ||
| 93 | + bottom: 36%; | ||
| 94 | +} | ||
| 95 | +.link_div{ | ||
| 96 | + width: 3rpx; | ||
| 97 | + height: 125rpx; | ||
| 98 | + background: #fff; | ||
| 99 | + margin: auto; | ||
| 100 | + | ||
| 101 | +} | ||
| 102 | +.close-none{ | ||
| 103 | +width: 70rpx; | ||
| 104 | +height: 70rpx; | ||
| 105 | + | ||
| 106 | +} | ||
| 107 | + |