From 495b2b3ee2a58caf73edfd89697be85caf91d878 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=82=93=E5=B9=B3=E8=89=BA?= <52643018@qq.com> Date: Wed, 20 Oct 2021 14:20:45 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=95=86=E5=93=81=E8=AF=A6?= =?UTF-8?q?=E6=83=85=E9=A1=B5=E7=94=9F=E6=88=90=E6=B5=B7=E6=8A=A5=EF=BC=8C?= =?UTF-8?q?=E7=A7=92=E6=9D=80=E5=88=97=E8=A1=A8=E6=A0=B7=E5=BC=8F=E4=BC=98?= =?UTF-8?q?=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/lf-seckill/lf-seckill.vue | 22 ++- pages/shop/goodsdetail.vue | 241 +++++++++++++++++++++++++-- 2 files changed, 248 insertions(+), 15 deletions(-) diff --git a/components/lf-seckill/lf-seckill.vue b/components/lf-seckill/lf-seckill.vue index 55d73ce..c9fad9e 100644 --- a/components/lf-seckill/lf-seckill.vue +++ b/components/lf-seckill/lf-seckill.vue @@ -9,10 +9,12 @@ {{ item.associate.goods.name }} - + + ¥{{ item.associate.seckill_price }} + ¥{{ item.associate.goods.sell_price }} @@ -101,15 +103,25 @@ color: #222222; margin-top: 10rpx; } - .goods-price>text:nth-child(1n){ + // .goods-price>text:nth-child(1n){ + // font-size: 28rpx; + // color: #F63434; + // font-weight: bold; + // } + // .goods-price>text:nth-child(2n){ + // font-size: 24rpx; + // color: #777777; + // margin-left: 15rpx; + // text-decoration: line-through; + // } + .goods-price1{ font-size: 28rpx; color: #F63434; font-weight: bold; } - .goods-price>text:nth-child(2n){ + .goods-price2{ font-size: 24rpx; color: #777777; - margin-left: 15rpx; text-decoration: line-through; } } diff --git a/pages/shop/goodsdetail.vue b/pages/shop/goodsdetail.vue index b997a48..0ebf85c 100644 --- a/pages/shop/goodsdetail.vue +++ b/pages/shop/goodsdetail.vue @@ -137,7 +137,7 @@ - @@ -178,10 +178,10 @@ - + @@ -208,6 +208,23 @@ + + + @@ -294,7 +311,11 @@ goods_num: 1, is_date_finish: false, car_num: 0, - goods_content: '' + goods_content: '', + shareImg: '', + share_img: false, + show_share: false, + config: {mainColor: '#15716e'} } }, computed: { @@ -368,11 +389,6 @@ }); }); }, - makePhone() { - uni.makePhoneCall({ - phoneNumber: '114' //仅为示例 - }); - }, // 切换商品收藏 switchCollect(){ if(!this.token){ @@ -574,7 +590,136 @@ }, // 点击页面分享按钮 shareGraphic(){ - this.getCreateShareImg(); + // this.getCreateShareImg(); + this.getShearImg(); + }, + // 获取分享图片 + getShearImg() { + wx.showLoading({ + title: "生成中", + mask: true + }); + this.$http.get({ + api: 'api/distribution/createMiniShareImg', + header: { + Authorization: this.token + }, + data: { + goods_id: this.goods_id + } + }).then(res => { + if (res.statusCode == 200) { + res = res.data; + + if (res.status) { + this.setData({ + shareImg: res.data.image + }); + + setTimeout(() => { + this.changeImg(); + }, 100) + } else { + wx.showModal({ + content: res.message || '请求失败', + showCancel: false + }); + } + } else { + wx.showModal({ + content: '请求失败', + showCancel: false + }); + } + + wx.hideLoading(); + this.changeShare(); + }).catch(rej => { + wx.showModal({ + content: '内部错误', + showCancel: false + }); + wx.hideLoading(); + this.changeShare(); + }); + }, + // 弹出图片 + changeImg() { + this.share_img = !this.share_img; + }, + // 弹出分享 + changeShare() { + this.setData({ + show_share: !this.show_share + }); + }, + // 下载图片 + downImg() { + if (this.shareImg) { + wx.showLoading({ + title: '正在下载', + mask: true + }); + this.$http.dowloadFile({ + api: this.shareImg + }).then(res => { + if (res.statusCode == 200) { + wx.getSetting({ + success: ret => { + // 如果之前没有授权 + if (!ret.authSetting['scope.writePhotosAlbum']) { + wx.authorize({ + scope: 'scope.writePhotosAlbum', + success: rej => { + this.saveImg(res.tempFilePath); + }, + // 用户拒绝授权 + fail: ret => { + // this.setData({ + // is_refused: true + // }); + wx.hideLoading(); + uni.showModal({ + title: '温馨提示', + content: '由于您拒绝授权，保存图片失败！', + showCancel: false + }) + } + }); + } else { + this.saveImg(res.tempFilePath); + } + } + }); + } else { + wx.hideLoading(); + wx.showToast({ + title: '下载图片失败', + icon: 'none' + }); + } + }, err => {}); + } + }, + // 保存图片 + saveImg(path) { + wx.saveImageToPhotosAlbum({ + filePath: path, + success: res => { + wx.hideLoading(); + wx.showToast({ + title: '保存图片成功', + icon: 'success' + }); + }, + fail: rej => { + wx.hideLoading(); + wx.showToast({ + title: '保存图片失败', + icon: 'none' + }); + } + }); }, //请求h5的图片接口 getCreateShareImg(){ @@ -732,6 +877,27 @@ }else{ return null; } + }, + setData: function (obj) { + let that = this; + let keys = []; + let val, data; + Object.keys(obj).forEach(function (key) { + keys = key.split('.'); + val = obj[key]; + data = that.$data; + keys.forEach(function (key2, index) { + if (index + 1 == keys.length) { + that.$set(data, key2, val); + } else { + if (!data[key2]) { + that.$set(data, key2, {}); + } + } + + data = data[key2]; + }); + }); } }, onShareAppMessage(){ @@ -1127,4 +1293,59 @@ margin-top: 62rpx; } } + + //分享到朋友圈弹出 + .share-img-box { + background:rgba(0,0,0,.8); + position: fixed; + bottom: 0; + width: 100%; + height: 0; + z-index: 50; + transition:all .3s linear; + + .imgs-box { + background: #F3F3F3; + border-radius: 10px; + margin:20px; + overflow: hidden; + .img{ + box-shadow:0px 4px 8px 0px rgba(155,155,155,0.5); + border-radius: 6px; + margin: 30px; + box-sizing: border-box; + + image{ + display: block; + width: 100%; + } + } + .text { + text-align: center; + margin-top: 22px; + font-size: 12px; + color: #9B9B9B; + } + .save { + background: #15716e; + height: 44px; + line-height: 44px; + color: #ffffff; + text-align: center; + border-radius: 10px; + margin: 10px 20px; + } + i{ + position: absolute; + top: 0px; + right: 0px; + color: #CCCCCC; + font-size: 30px; + } + } + &.cur{ + height: 100%; + + } + } \ No newline at end of file