优化团购 - 商品详情页面代码
This commit is contained in:
赵毅
parent
36b69c31b1
commit
da61b6ca53
@ -430,76 +430,77 @@
|
||||
<view class="verify-code-section">
|
||||
<view v-if="verifyCode">核销码：{{ verifyCode }}</view>
|
||||
</view>
|
||||
<view class="welfare-container">
|
||||
<view class="welfare-header">
|
||||
<view class="welfare-title">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/groupPurchase/welfare.png"></image>
|
||||
下单福利
|
||||
</view>
|
||||
<view class="welfare-action">已获得</view>
|
||||
</view>
|
||||
<view class="welfare-box">
|
||||
<view class="welfare-item welfare-item-points">
|
||||
<view class="welfare-item-top">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_fen.png" mode="aspectFit">
|
||||
<view class="welfare-container">
|
||||
<view class="welfare-header">
|
||||
<view class="welfare-title">
|
||||
<image
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/groupPurchase/welfare.png">
|
||||
</image>
|
||||
<view>石榴分</view>
|
||||
下单福利
|
||||
</view>
|
||||
<view>
|
||||
{{ slFen }}
|
||||
<view class="welfare-action">已获得</view>
|
||||
</view>
|
||||
<view class="welfare-box">
|
||||
<view class="welfare-item welfare-item-points">
|
||||
<view class="welfare-item-top">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_fen.png" mode="aspectFit">
|
||||
</image>
|
||||
<view>石榴分</view>
|
||||
</view>
|
||||
<view>
|
||||
{{ slFen }}
|
||||
</view>
|
||||
<view class="welfare-item-bottom">
|
||||
可抵扣 ￥{{ slFen }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="welfare-item-bottom">
|
||||
可抵扣 ￥{{ slFen }}
|
||||
<view class="welfare-item welfare-item-coupon">
|
||||
<view class="welfare-item-top">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_zi.png" mode="aspectFit">
|
||||
</image>
|
||||
<view>石榴籽</view>
|
||||
</view>
|
||||
<view>
|
||||
{{ slZi }}
|
||||
</view>
|
||||
<view class="welfare-item-bottom">
|
||||
可抵扣 ￥{{ slZi }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="welfare-item welfare-item-beans">
|
||||
<view class="welfare-item-top">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_jin.png" mode="aspectFit" />
|
||||
<view>石榴金</view>
|
||||
</view>
|
||||
<view>
|
||||
{{ slJin }}
|
||||
</view>
|
||||
<view class="welfare-item-bottom">
|
||||
可抵扣 ￥{{ slJin }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="welfare-item welfare-item-coupon">
|
||||
<view class="welfare-item-top">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_zi.png" mode="aspectFit">
|
||||
</image>
|
||||
<view>石榴籽</view>
|
||||
</view>
|
||||
<view>
|
||||
{{ slZi }}
|
||||
</view>
|
||||
<view class="welfare-item-bottom">
|
||||
可抵扣 ￥{{ slZi }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="welfare-item welfare-item-beans">
|
||||
<view class="welfare-item-top">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_jin.png" mode="aspectFit"/>
|
||||
<view>石榴金</view>
|
||||
</view>
|
||||
<view>
|
||||
{{ slJin }}
|
||||
</view>
|
||||
<view class="welfare-item-bottom">
|
||||
可抵扣 ￥{{ slJin }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottom2">
|
||||
<view class="invite-section">
|
||||
<view class="invite-text">
|
||||
<view class="invite-line1"></view>
|
||||
赶快邀请好友来下单吧
|
||||
<view class="invite-line2"></view>
|
||||
</view>
|
||||
<view @click.stop="changeShadow2">
|
||||
<view class="share-buttons">
|
||||
<button class="share-btn-wechat" open-type="share" bindtap="onShareButtonClick" />
|
||||
<view class="share-item">
|
||||
<image
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_WX.png"
|
||||
mode="aspectFill"></image>
|
||||
微信好友
|
||||
</view>
|
||||
<button class="share-btn-miniprogram" open-type="share" bindtap="onShareButtonClick" />
|
||||
<view class="share-item" @click="shareFriend">
|
||||
<image
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_WX.png"
|
||||
mode="aspectFill"></image>
|
||||
小程序链接
|
||||
<view class="bottom2">
|
||||
<view class="invite-section">
|
||||
<view class="invite-text">
|
||||
<view class="invite-line1"></view>
|
||||
赶快邀请好友来下单吧
|
||||
<view class="invite-line2"></view>
|
||||
</view>
|
||||
<view @click.stop="changeShadow2">
|
||||
<view class="share-buttons">
|
||||
<button class="share-btn-wechat" open-type="share" bindtap="onShareButtonClick" />
|
||||
<view class="share-item">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_WX.png"
|
||||
mode="aspectFill"></image>
|
||||
微信好友
|
||||
</view>
|
||||
<button class="share-btn-miniprogram" open-type="share" bindtap="onShareButtonClick" />
|
||||
<view class="share-item" @click="shareFriend">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_WX.png"
|
||||
mode="aspectFill"></image>
|
||||
小程序链接
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -754,42 +755,42 @@ export default {
|
||||
},
|
||||
|
||||
// 关闭团购记录
|
||||
closePurchase() {
|
||||
this.showPurchase = false;
|
||||
},
|
||||
closePurchase() {
|
||||
this.showPurchase = false;
|
||||
},
|
||||
|
||||
// 关闭支付成功弹窗
|
||||
changeShadow2() {
|
||||
this.boxshadow5 = false;
|
||||
},
|
||||
// 关闭支付成功弹窗
|
||||
changeShadow2() {
|
||||
this.boxshadow5 = false;
|
||||
},
|
||||
|
||||
// 分享给微信好友
|
||||
shareFriend() {
|
||||
this.boxshadow5 = false; // 关闭分享弹窗
|
||||
// 分享给微信好友
|
||||
shareFriend() {
|
||||
this.boxshadow5 = false; // 关闭分享弹窗
|
||||
|
||||
// 调用分享API
|
||||
if (typeof uni.share !== 'undefined') {
|
||||
uni.share({
|
||||
provider: 'weixin',
|
||||
scene: 'WXSceneSession',
|
||||
type: 0,
|
||||
title: this.currentGG.goods_name || '商品分享',
|
||||
summary: this.currentGG.commodity_brief || '快来看看这款商品吧',
|
||||
href: `${window.location.origin}/pages/goodsDetail/index?id=${this.id}`,
|
||||
imageUrl: this.picUrl + (this.currentGG.goods_carousel && this.currentGG.goods_carousel[0] || ''),
|
||||
success: () => {
|
||||
uni.showToast({
|
||||
title: '分享成功',
|
||||
icon: 'success',
|
||||
duration: 2000
|
||||
});
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('分享失败', err);
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
// 调用分享API
|
||||
if (typeof uni.share !== 'undefined') {
|
||||
uni.share({
|
||||
provider: 'weixin',
|
||||
scene: 'WXSceneSession',
|
||||
type: 0,
|
||||
title: this.currentGG.goods_name || '商品分享',
|
||||
summary: this.currentGG.commodity_brief || '快来看看这款商品吧',
|
||||
href: `${window.location.origin}/pages/goodsDetail/index?id=${this.id}`,
|
||||
imageUrl: this.picUrl + (this.currentGG.goods_carousel && this.currentGG.goods_carousel[0] || ''),
|
||||
success: () => {
|
||||
uni.showToast({
|
||||
title: '分享成功',
|
||||
icon: 'success',
|
||||
duration: 2000
|
||||
});
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('分享失败', err);
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
//去下单
|
||||
goSubmit() {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user