[水感应客户端最新]
This commit is contained in:
314
pages/mall/details/details.js
Normal file
314
pages/mall/details/details.js
Normal file
@@ -0,0 +1,314 @@
|
||||
/*
|
||||
* 手太欠
|
||||
* 愿这世界都如故事里一样 美好而动人~
|
||||
*/
|
||||
|
||||
Page({
|
||||
data: {
|
||||
isFixedTop : 0,
|
||||
barHeight : getApp().globalData.barHeight, // 状态栏高度
|
||||
goodsId : '', // 产品id
|
||||
mallData : '', // 产品信息
|
||||
mallContent: '', // 产品简介
|
||||
shareSee : false, // 分享弹出
|
||||
inviteText : '', // 自己的邀请码
|
||||
isParent : false, // 绑定邀请码
|
||||
nameValue : '', // 上级邀请码
|
||||
},
|
||||
|
||||
onLoad(options) {
|
||||
if(options.invite != undefined) {
|
||||
getApp().globalData.inviteText = options.invite
|
||||
}
|
||||
this.setData({
|
||||
goodsId: options.id
|
||||
})
|
||||
|
||||
// 初始化画布
|
||||
wx.createSelectorQuery().select('#coverCanvas').fields({node: true, size: true}).exec(canvasNode => {
|
||||
const canvas = canvasNode[0].node
|
||||
canvas.width = 375
|
||||
canvas.height = 600
|
||||
this.setData({
|
||||
canvas
|
||||
})
|
||||
})
|
||||
},
|
||||
|
||||
onShow() {
|
||||
// 获取产品详情
|
||||
this.mallInfo();
|
||||
|
||||
// 获取登录状态
|
||||
if(wx.getStorageSync("token") != ''){
|
||||
// 小程序码
|
||||
this.ShareInfo();
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 产品详情
|
||||
*/
|
||||
mallInfo (){
|
||||
wx.$api.mall.mallSee(this.data.goodsId).then(res => {
|
||||
this.setData({
|
||||
mallData : res.data,
|
||||
mallContent : res.data.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto;display:block;"')
|
||||
})
|
||||
}).catch(err => { })
|
||||
},
|
||||
|
||||
/**
|
||||
* 确认购买
|
||||
*/
|
||||
buyTap() {
|
||||
// 获取登录状态
|
||||
if(wx.getStorageSync("token") != ''){
|
||||
if(this.data.mallData.is_parent == true) {
|
||||
wx.navigateTo({
|
||||
url: '/pages/mall/confirm/confirm?goodsid=' + this.data.mallData.goods_id + '&skuid=' + this.data.mallData.skus[0].sku_id + '&qty=1',
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
// 显示绑定邀请码弹窗
|
||||
this.setData({
|
||||
isParent: true
|
||||
})
|
||||
|
||||
}else{
|
||||
// 去登录
|
||||
wx.navigateTo({
|
||||
url: "/pages/login/index"
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 小程序码
|
||||
*/
|
||||
ShareInfo() {
|
||||
wx.$api.user.miniShare({
|
||||
url: '/pages/index/index'
|
||||
}).then(res => {
|
||||
this.setData({
|
||||
inviteCode: res.data.qrcode
|
||||
})
|
||||
}).catch(err => {})
|
||||
},
|
||||
|
||||
/**
|
||||
* 分享弹出
|
||||
*/
|
||||
shareTap() {
|
||||
// 获取登录状态
|
||||
if(wx.getStorageSync("token") != ''){
|
||||
this.setData({
|
||||
shareSee: !this.data.shareSee
|
||||
})
|
||||
}else{
|
||||
// 去登录
|
||||
wx.navigateTo({
|
||||
url: "/pages/login/index"
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 生成海报
|
||||
*/
|
||||
onCanvas(){
|
||||
wx.showLoading({
|
||||
title: '生成图片中...',
|
||||
mask : true
|
||||
})
|
||||
const canvas = this.data.canvas
|
||||
const ctx = canvas.getContext('2d')
|
||||
const codeImgEl = canvas.createImage()
|
||||
const backBackEl = canvas.createImage()
|
||||
|
||||
codeImgEl.src = this.data.inviteCode //二维码
|
||||
backBackEl.src = this.data.mallData.cover //产品分享图片
|
||||
const codeImgLoding = new Promise((resolve, reason) => {
|
||||
codeImgEl.onload = () => {
|
||||
resolve()
|
||||
}
|
||||
})
|
||||
const backBackLoding = new Promise((resolve, reason) => {
|
||||
backBackEl.onload = () => {
|
||||
resolve()
|
||||
}
|
||||
})
|
||||
Promise.all([codeImgLoding, backBackLoding]).then(() => {
|
||||
// 绘制[二维码-白色背景]
|
||||
ctx.fillStyle = "#ffffff";
|
||||
ctx.fillRect(0, 0, 375, 540);
|
||||
|
||||
ctx.drawImage(backBackEl, 0, 0, 375, 375)
|
||||
|
||||
// 绘制[二维码]
|
||||
ctx.drawImage(codeImgEl, 270, 440, 80, 80)
|
||||
|
||||
// 产品名称
|
||||
ctx.font = "24px Arial"; //字体大小
|
||||
ctx.fillStyle = "#000000"; //字体颜色
|
||||
ctx.fillText(this.data.mallData.name, 25, 420);
|
||||
|
||||
// 产品价格
|
||||
ctx.font = "bold 36px Arial"; //字体大小
|
||||
ctx.fillStyle = "#3b7cff"; //字体颜色
|
||||
ctx.fillText(this.data.mallData.price.price, 25, 480);
|
||||
|
||||
// 海报文字提示
|
||||
ctx.font = "18px Arial"; //字体大小
|
||||
ctx.fillStyle = "#b3b3b3"; //字体颜色
|
||||
ctx.fillText('识别二维码进行查看', 25, 510);
|
||||
|
||||
wx.hideLoading()
|
||||
|
||||
wx.canvasToTempFilePath({
|
||||
canvas: this.data.canvas,
|
||||
success : res => {
|
||||
wx.saveImageToPhotosAlbum({
|
||||
filePath: res.tempFilePath,
|
||||
success: saveRes => {
|
||||
wx.showToast({
|
||||
title: '海报已保存至您的相册',
|
||||
icon : 'none'
|
||||
})
|
||||
this.setData({
|
||||
shareSee: false
|
||||
})
|
||||
},
|
||||
fail: () => {
|
||||
this.setData({
|
||||
shareSee: false
|
||||
})
|
||||
wx.hideLoading()
|
||||
wx.showModal({
|
||||
title: '提示',
|
||||
content: '暂未授权小程序写入您的相册，无法存储海报',
|
||||
confirmColor: '#e50d01',
|
||||
confirmText: '去设置',
|
||||
success: res => {
|
||||
if (res.confirm) {
|
||||
wx.openSetting()
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
})
|
||||
}).catch(err => {
|
||||
wx.showToast({
|
||||
title: '图片加载失败',
|
||||
icon : 'none'
|
||||
})
|
||||
})
|
||||
},
|
||||
|
||||
/*
|
||||
邀请码截取
|
||||
*/
|
||||
bindinput(e) {
|
||||
this.setData({
|
||||
nameValue: e.detail.value
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 绑定邀请码
|
||||
*/
|
||||
nameTrue() {
|
||||
wx.$api.mall.levelBind({
|
||||
invite: this.data.nameValue
|
||||
}).then(res => {
|
||||
this.setData({
|
||||
isParent: false
|
||||
})
|
||||
wx.navigateTo({
|
||||
url: '/pages/mall/confirm/confirm?goodsid=' + this.data.mallData.goods_id + '&skuid=' + this.data.mallData.skus[0].sku_id + '&qty=1',
|
||||
})
|
||||
}).catch(err => {})
|
||||
},
|
||||
|
||||
/**
|
||||
* 关闭绑定邀请码弹窗
|
||||
*/
|
||||
nameCancel() {
|
||||
this.setData({
|
||||
isParent: !this.data.isParent
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 删除邀请码
|
||||
*/
|
||||
colseTap() {
|
||||
this.setData({
|
||||
nameValue: ''
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 返回上一页
|
||||
*/
|
||||
returnGo() {
|
||||
wx.navigateBack({
|
||||
delta: 1,
|
||||
fail: err => {
|
||||
wx.switchTab({
|
||||
url: '/pages/index/index?invite=' + getApp().globalData.inviteText
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 回到首页
|
||||
*/
|
||||
returnHome() {
|
||||
wx.switchTab({
|
||||
url: '/pages/index/index?invite=' + getApp().globalData.inviteText
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 监听页面滑动事件
|
||||
*/
|
||||
onPageScroll(e) {
|
||||
this.setData({
|
||||
isFixedTop: parseInt(e.scrollTop)
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 微信分享
|
||||
*/
|
||||
onShareAppMessage(){
|
||||
this.setData({
|
||||
shareSee: false
|
||||
})
|
||||
return {
|
||||
title : this.data.mallData.name,
|
||||
path : "/pages/mall/details/details?id=" + this.data.goodsId + '&invite=' + wx.getStorageSync("invite"),
|
||||
imageUrl: this.data.mallData.cover
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 放大轮播相册图片
|
||||
*/
|
||||
opneBanner(e){
|
||||
let imgs = [],
|
||||
index = e.currentTarget.dataset.index
|
||||
for (let img of e.currentTarget.dataset.imgs){
|
||||
imgs.push(img)
|
||||
}
|
||||
wx.previewImage({
|
||||
urls : imgs,
|
||||
current : imgs[index]
|
||||
})
|
||||
}
|
||||
})
|
||||
Reference in New Issue
Block a user