Bladeren bron

[首页][修改]:[首页店家二维码限时会员权益的页面]

tags/湖南版5.1.4
meo 6 jaren geleden
bovenliggende
commit
6a07d47620
7 gewijzigde bestanden met toevoegingen van 100 en 71 verwijderingen
  1. +20
    -56
      pages/main/index.js
  2. +7
    -7
      pages/main/index.wxml
  3. +1
    -3
      pages/main/index.wxss
  4. +0
    -1
      pages/main/rushtobyCard/index.wxss
  5. +44
    -2
      pages/specialcourtesy/specialcourtesy.js
  6. +5
    -2
      pages/specialcourtesy/specialcourtesy.wxml
  7. +23
    -0
      pages/specialcourtesy/specialcourtesy.wxss

+ 20
- 56
pages/main/index.js Bestand weergeven

@@ -81,40 +81,21 @@ Page({
url: '/pages/spellGroup/spellGroup',
})
},
qrcode: function(e) {
qrcode: function() {
var that = this;
that.setData({
showQrcode: true
})
wx.showToast({
title: '生成中...',
icon: 'loading',
duration: 2000
});
console.log(e)
var st = setTimeout(function() {
wx.hideToast()
var size = that.setCanvasSize();
console.log(size)
var url = JSON.stringify({
END: "C",
TYPE: "memberCode",
ID: that.data.memberId,
});
console.log(url,777777777)
that.createQrCode(url, "mycanvas2", size.w, size.h);
that.setData({
maskHidden: true
});
clearTimeout(st);
}, 1000)
},
hideQrcode: function() {
let that = this;
that.setData({
showQrcode: false
})
let memberId = that.data.memberId;
if (memberId){
wx.navigateTo({
url: '/pages/specialcourtesy/specialcourtesy'
})
}
},
// hideQrcode: function() {
// let that = this;
// that.setData({
// showQrcode: false
// })
// },
//跳往限时秒杀
gotoRushBuy: function () {
wx.navigateTo({
@@ -151,28 +132,11 @@ Page({
url: '/pages/index/searchbar/index',
})
},
//适配不同屏幕大小的canvas
setCanvasSize: function() {
var size = {};
try {
var res = wx.getSystemInfoSync();
var scale = 750 / 500;
//不同屏幕下canvas的适配比例;设计稿是750宽
var width = res.windowWidth / scale;
var height = width;
//canvas画布为正方形
size.w = width;
size.h = height;
} catch (e) {
// Do something when catch error
console.log("获取设备信息失败" + e);
}
return size;
},
createQrCode: function(url, canvasId, cavW, cavH) {
//调用插件中的draw方法,绘制二维码图片
QR.api.draw(url, canvasId, cavW, cavH);
},
// createQrCode: function(url, canvasId, cavW, cavH) {
// //调用插件中的draw方法,绘制二维码图片
// QR.api.draw(url, canvasId, cavW, cavH);
// },
swiperChange: function(e) {
this.setData({
swiperCurrent: e.detail.current
@@ -321,11 +285,11 @@ Page({
ismember: true,
memberId: res.data.id
})
var size = this.setCanvasSize();
// var size = this.setCanvasSize();
var initUrl = JSON.stringify({
flagid: res.data.id
});
that.createQrCode(initUrl, "mycanvas1", size.w, size.h);
// that.createQrCode(initUrl, "mycanvas1", size.w, size.h);
}
})
.catch(err => {


+ 7
- 7
pages/main/index.wxml Bestand weergeven

@@ -51,13 +51,13 @@
<c-coupons id="lists" bind:myevent="onGetCode" class="business" loadingtext="{{loadingtext}}" loading="{{loading}}" />
<g-entry id="listss" wx:if="{{showGame&&!played&&!havePlayEd}}" gamedata="{{gamedata}}" bind:myevent="" />
</view>
<view class='showQrcode' bindtap='hideQrcode' wx:if="{{showQrcode}}">
<view class="canvas-box">
<text class='memberIds' wx:if="{{levelName!='无'}}">{{levelName}}</text>
<canvas canvas-id="mycanvas2" id='mycanvas2' />
<button class='button' bindtap='mySpecial'>特享礼遇</button>
</view>
</view>
<!-- <view class='showQrcode' bindtap='hideQrcode' wx:if="{{showQrcode}}">
<view class="canvas-box">
<text class='memberIds' wx:if="{{levelName!='无'}}">{{levelName}}</text>
<canvas canvas-id="mycanvas2" id='mycanvas2' />
<button class='button' bindtap='mySpecial'>特享礼遇</button>
</view>
</view> -->
<!-- 顶部签到成长值 -->
<view class='signin' wx:if="{{fistLogin}}" animation="{{alphaData}}">
<open-data class="open" type="userAvatarUrl"></open-data>


+ 1
- 3
pages/main/index.wxss Bestand weergeven

@@ -12,9 +12,7 @@
line-height: 88rpx;
overflow: hidden;
}
#mycanvas2{
height: 500rpx;
}

.red{
position:absolute;
width:13rpx;


+ 0
- 1
pages/main/rushtobyCard/index.wxss Bestand weergeven

@@ -3,7 +3,6 @@
display: inline-block;
box-shadow:0 0 10px 0 rgba(211,211,211,0.50);
border-radius:16rpx;

}
.rushtobuyimgs{
padding: 0 30rpx;


+ 44
- 2
pages/specialcourtesy/specialcourtesy.js Bestand weergeven

@@ -1,7 +1,10 @@
var config = require("../../config/config.js");
var app = getApp();
const Http = require("../../utils/HttpBasics");
const QR = require("../../utils/memberqrcode.js");
const BR = require("../../utils/barcode.js");
const imgurl = require("../../utils/imgurl");
const util = require("../../utils/util");
Page({
/**
* 页面的初始数据
@@ -9,6 +12,7 @@ Page({
data: {
myspeacialUrl: imgurl.myspeacial.url,
teliconUrl: imgurl.telicon.url,
memberId:"000000"
},
phone: function (e) {
console.log(e)
@@ -30,6 +34,10 @@ Page({
that.setData({
level: res.data.level ? res.data.level : ''
})
that.qrcode(res.data.id);
that.setData({
memberId: res.data.id
})
console.log(res.data.levelMerchantList)
let discountMerchantList = [];
res.data.levelMerchantList.map(file=>{
@@ -37,13 +45,47 @@ Page({
discountMerchantList.push(file);
}
})
console.log(discountMerchantList)
that.setData({
discountMerchantList: discountMerchantList,
})
})
},

/**
* 二维码
*/
qrcode: function (memberId){
let that = this;
var size = that.setCanvasSize();
let url = JSON.stringify({
END: "C",
TYPE: "memberCode",
ID: memberId,
});
that.createQrCode(url, "mycanvas2", size.w, size.h);
// util.barcode('barcode',memberId, 600, 150);
},
createQrCode: function (url, canvasId, cavW, cavH) {
//调用插件中的draw方法,绘制二维码图片
QR.api.draw(url, canvasId, cavW, cavH);
},
//适配不同屏幕大小的canvas
setCanvasSize: function () {
var size = {};
try {
var res = wx.getSystemInfoSync();
var scale = 750 / 300;
//不同屏幕下canvas的适配比例;设计稿是750宽
var width = res.windowWidth / scale;
var height = width;
//canvas画布为正方形
size.w = width;
size.h = height;
} catch (e) {
// Do something when catch error
console.log("获取设备信息失败" + e);
}
return size;
},
/**
* 生命周期函数--监听页面隐藏
*/


+ 5
- 2
pages/specialcourtesy/specialcourtesy.wxml Bestand weergeven

@@ -1,5 +1,8 @@
<view class='headerbg'>
<image src="{{myspeacialUrl}}" mode='widthFix'></image>
<view class='code'>
<!-- <text style='margin-bottom:20rpx;'>会员码</text> -->
<!-- <canvas canvas-id="barcode" id='barcode' /> -->
<canvas canvas-id="mycanvas2" id='mycanvas2' />
<text>会员码:{{memberId}}</text>
</view>
<view class='con'>
<view class="title">会员等级为<text class='level'>[{{level}}]</text>对应门店的优惠折扣</view>


+ 23
- 0
pages/specialcourtesy/specialcourtesy.wxss Bestand weergeven

@@ -100,4 +100,27 @@ Page{
}
.level{
color: yellow;
}
#mycanvas2{
height: 300rpx;
width: 300rpx;
margin: 40rpx auto 20rpx;
}
.code{
width: 684rpx;
background: #fff;
margin: 0 auto;
border-radius:10rpx;
padding: 10rpx 0 40rpx;
}
.code text{
color: #666;
display: block;
text-align: center;
font-size: 28rpx;
}
#barcode{
width: 600rpx;
height: 150rpx;
margin: 0 auto 10rpx;
}

Laden…
Annuleren
Opslaan