wxd / MShopWeApp

Commit db75969567bf92e39eed43dc0b061406afb79ad7

Authored by 后端开发-许程
1 parent fa9e96ac

好友助力与助力成功的页

Inline Side-by-side
Showing 8 changed files with 434 additions and 0 deletions
pages/user/assistance/assistance_success.js 0 → 100644
  View file @db75969
  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 86 \ No newline at end of file
... ...
pages/user/assistance/assistance_success.json 0 → 100644
  View file @db75969
  1 +{
  2 + "usingComponents": {
  3 + "warn": "/components/long_warn/long_warn",
  4 + "my_confirm": "/components/my_confirm/my_confirm",
  5 + "nav_b": "/components/nav_b/nav_b"
  6 + }
  7 +}
0 8 \ No newline at end of file
... ...
pages/user/assistance/assistance_success.wxml 0 → 100644
  View file @db75969
  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 40 \ No newline at end of file
... ...
pages/user/assistance/assistance_success.wxss 0 → 100644
  View file @db75969
  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 62 \ No newline at end of file
... ...
pages/user/assistance/friend_assistance.js 0 → 100644
  View file @db75969
  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 91 \ No newline at end of file
... ...
pages/user/assistance/friend_assistance.json 0 → 100644
  View file @db75969
  1 +{
  2 + "usingComponents": {
  3 + "warn": "/components/long_warn/long_warn",
  4 + "my_confirm": "/components/my_confirm/my_confirm",
  5 + "nav_b": "/components/nav_b/nav_b"
  6 + }
  7 +}
0 8 \ No newline at end of file
... ...
pages/user/assistance/friend_assistance.wxml 0 → 100644
  View file @db75969
  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 39 \ No newline at end of file
... ...
pages/user/assistance/friend_assistance.wxss 0 → 100644
  View file @db75969
  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 +
... ...