Kaynağa Gözat

upload

newCard
HolyKnightIX 2 yıl önce
ebeveyn
işleme
361b635108
4 değiştirilmiş dosya ile 93 ekleme ve 47 silme
  1. +2
    -2
      pages/exchangeCard/exchangeCard.js
  2. +26
    -23
      pages/specialcourtesy/specialcourtesy.js
  3. +24
    -8
      pages/specialcourtesy/specialcourtesy.wxml
  4. +41
    -14
      pages/specialcourtesy/specialcourtesy.wxss

+ 2
- 2
pages/exchangeCard/exchangeCard.js Dosyayı Görüntüle

@@ -145,8 +145,8 @@ Page({
supportTransfer: res.data.supportTransfer || ""
})
if (goGive) {
if ((this.data.ownerUserId && this.data.eCardId) || e.detail.value.code) {
if ((this.data.owned && this.data.owned == 1) || e.detail.value.code) {
if ((this.data.ownerUserId && this.data.eCardId) || this.data.code) {
if ((this.data.owned && this.data.owned == 1) || this.data.code) {
if (this.data.supportTransfer == 1) {
wx.navigateTo({
url: `/pages/ConsumeDetail/ConsumeDetail?cardId=${this.data.eCardId}`,


+ 26
- 23
pages/specialcourtesy/specialcourtesy.js Dosyayı Görüntüle

@@ -13,8 +13,11 @@ Page({
myspeacialUrl: imgurl.myspeacial.url,
teliconUrl: imgurl.telicon.url,
wmhome: imgurl.wmhome.url,
memberId:"000000",
memberId: "000000",
goHomeUrl: "",
showCode: false,
showTimeLine: true,
expiredSeconds: 30
},
phone: function (e) {
console.log(e)
@@ -41,7 +44,7 @@ Page({
* 生命周期函数--监听页面显示
*/
onShow: function () {
this.ifPhoneInfo()
let that = this;
that.setData({
@@ -52,25 +55,25 @@ Page({
url: config.api.getDiscountInfo,
data: {}
})
.then(res=>{
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=>{
if (file.discount != 100){
discountMerchantList.push(file);
}
.then(res => {
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 => {
if (file.discount != 100) {
discountMerchantList.push(file);
}
})
that.setData({
discountMerchantList: discountMerchantList,
})
})
that.setData({
discountMerchantList: discountMerchantList,
})
})
},

goback: function () {
@@ -82,7 +85,7 @@ Page({
/**
* 二维码
*/
qrcode: function (memberId){
qrcode: function (memberId) {
let that = this;
var size = that.setCanvasSize();
let url = JSON.stringify({
@@ -95,7 +98,7 @@ Page({
createQrCode: function (url, canvasId, cavW, cavH) {
//调用插件中的draw方法,绘制二维码图片
let that = this;
QR.api.draw(url, canvasId, cavW, cavH,function(res){
QR.api.draw(url, canvasId, cavW, cavH, function (res) {
that.setData({
tempFilePath: res
})
@@ -119,5 +122,5 @@ Page({
}
return size;
},
})

+ 24
- 8
pages/specialcourtesy/specialcourtesy.wxml Dosyayı Görüntüle

@@ -1,14 +1,29 @@
<!-- <button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button> -->
<navbar back home text="我的特权" background='#FD832D' color="#fff"></navbar>
<view style="height:{{navigationBarHeight}} "></view>
<view class='codeBox'>
<view class='codeBox'>

<view class='code' >
<view class="canWrap">
<canvas canvas-id="mycanvas2" style="width: 1200rpx; height: 800rpx;" />
<view class='code'>
<view wx:if="{{showCode}}">
<view class="canWrap">
<canvas canvas-id="mycanvas2" style="width: 1200rpx; height: 800rpx;" />
</view>
<image src="{{tempFilePath}}" mode="aspectFit" />
</view>

<view wx:else class="negatived">
<view class="canWrap">
<canvas canvas-id="mycanvas2" style="width: 1200rpx; height: 800rpx;" />
</view>
<view class="refreshCode">点击刷新</view>
<image src="../../assets/images/negatived.png" mode="aspectFit" />
</view>
<image src="{{tempFilePath}}" mode="aspectFit" />
<view class='memCode'><text>会员码:</text><text class="memNum">{{memberId}}</text></view>

<view class="coedTiem" wx:if="{{showTimeLine}}">二维码将在
<text style="color:red">{{expiredSeconds}}s</text>
后失效
</view>
<view class='memCode'><text>会员码:</text><text class="memNum">{{memberId}}</text></view>
<view class='con'>
<view class="title">会员等级为<text class='level'>[{{level}}]</text>对应门店的优惠折扣</view>
</view>
@@ -20,7 +35,8 @@
<text><i>></i></text>
</view>
<view class='discount'>
<text style='display:inline-block;'>{{item.discount/10}}</text>折</view>
<text style='display:inline-block;'>{{item.discount/10}}</text>折
</view>
<text class='tit'>{{item.merchantName}}</text>
<view class='clearfix footer'>
<view class='fl' style='margin-top:-30rpx;margin-left:10rpx;'>
@@ -38,4 +54,4 @@
此等级暂未开放折扣,敬请期待!
</view>
</view>
</view>
</view>

+ 41
- 14
pages/specialcourtesy/specialcourtesy.wxss Dosyayı Görüntüle

@@ -1,12 +1,15 @@
@import "../../app.wxss";
page{
background:linear-gradient(180deg,#FD832D 0%,#FE4A16 100%);

page {
background: linear-gradient(180deg, #FD832D 0%, #FE4A16 100%);
}
.codeBox{
background:linear-gradient(180deg,#FD832D 0%,#FE4A16 100%);

.codeBox {
background: linear-gradient(180deg, #FD832D 0%, #FE4A16 100%);
height: 100%;
overflow: auto;
}

.none {
font-size: 24rpx;
text-align: center;
@@ -15,6 +18,12 @@ page{
float: none !important;
}

.coedTiem {
text-align: center;
color: rgba(253, 131, 45, 1);
margin-bottom: 10rpx;
}

.headerbg image {
display: block;
width: 100%;
@@ -160,7 +169,7 @@ page{

.code {
width: 690rpx;
height: 800rpx;
height: 900rpx;
background: #fff;
margin: 20rpx auto;
border-radius: 10rpx;
@@ -172,35 +181,53 @@ page{
height: 150rpx;
margin: 0 auto 10rpx;
}
.canWrap{

.canWrap {
width: 358rpx;
height: 358rpx;
}

.negatived {
position: relative;
}

.negatived .refreshCode {
position: absolute;
top: 350rpx;
left: 50%;
transform: translateX(-50%);
color: #7a7a7a;
font-weight: 600;
}

.code image {
width: 500rpx;
height: 500rpx;
display: block;
margin:70rpx auto 60rpx;
margin: 70rpx auto 60rpx;
}
.memCode{

.memCode {
width: 562rpx;
height: 88rpx;
line-height: 88rpx;
border-radius:16rpx;
border:1px solid rgba(225,225,225,1);
border-radius: 16rpx;
border: 1px solid rgba(225, 225, 225, 1);
margin: 36rpx auto 0;
color: #666;
display: block;
font-size: 24rpx;
text-align: center;
}
.memNum{
font-weight:600;

.memNum {
font-weight: 600;
font-size: 32rpx;
color: #3C3C3C;
font-family:PingFangSC-Medium;
font-family: PingFangSC-Medium;
text-align: center;
}
.building{

.building {
display: inline-block;
}

Yükleniyor…
İptal
Kaydet