优化小程序分享

master
学习很差啦 2022-08-25 18:25:45 +08:00
parent d9ac9eb2eb
commit 8e0bde3428
3 changed files with 20 additions and 15 deletions

View File

@ -8,7 +8,7 @@
<view class="share-list"> <view class="share-list">
<!-- #ifdef MP-WEIXIN --> <!-- #ifdef MP-WEIXIN -->
<view class="share-item"> <view class="share-item">
<button class="share-btn" open-type="share"> <button class="share-btn" @click="weChatShare" open-type="share">
<u-icon color="#04BE02" size="80" name="weixin-fill"></u-icon> <u-icon color="#04BE02" size="80" name="weixin-fill"></u-icon>
</button> </button>
</view> </view>
@ -62,6 +62,16 @@ export default {
close() { close() {
this.$emit("close"); this.$emit("close");
}, },
weChatShare(){
this.$u.mpShare = {
title: this.shareTitle(), //
path: '', // QQ
//
// PNGJPG
imageUrl: this.thumbnail ||''
}
},
// h5 // h5
// #ifdef H5 // #ifdef H5
copyLink() { copyLink() {
@ -93,13 +103,13 @@ export default {
shareTitle() { shareTitle() {
let shareTitle; let shareTitle;
if (this.type == "goods") { if (this.type == "goods") {
shareTitle = `我发现了一个${this.goodsName}商品快来跟我一起看看吧`; shareTitle = `[好友推荐]${this.goodsName}快来跟我一起看看吧`;
} else if (this.type == "shops") { } else if (this.type == "shops") {
shareTitle = `我发现了一个${this.goodsName}店铺快来跟我一起看看吧`; shareTitle = `[好友发现]${this.goodsName}快来跟我一起看看吧`;
} else if (this.type == "pintuan") { } else if (this.type == "pintuan") {
shareTitle = `我拼了一个${this.goodsName}快来跟我一起抢购吧!`; shareTitle = `[好友邀请]${this.goodsName}快来跟我一起抢购吧!`;
} else if (this.type == "kanjia") { } else if (this.type == "kanjia") {
shareTitle = `请快来帮我砍一刀${this.goodsName}`; shareTitle = `[好友邀请]请快来帮我砍一刀${this.goodsName}`;
} }
return shareTitle; return shareTitle;
}, },

View File

@ -16,6 +16,9 @@ let btn = Vue.component("airBtn", airBtn); //全局注册
document.body.appendChild(new btn().$mount().$el); document.body.appendChild(new btn().$mount().$el);
// #endif // #endif
// 引入uView对小程序分享的mixin封装
let mpShare = require('uview-ui/libs/mixin/mpShare.js');
Vue.mixin(mpShare)
/** /**
* 全局filters * 全局filters

View File

@ -605,15 +605,7 @@ export default {
this.init(this.routerVal.id, this.routerVal.goodsId, this.routerVal.distributionId); this.init(this.routerVal.id, this.routerVal.goodsId, this.routerVal.distributionId);
} }
}, },
// #ifdef MP-WEIXIN
onShareAppMessage(res) {
return {
path: this.share(),
title: `[好友推荐]${this.goodsDetail.goodsName}`,
imageUrl: this.goodsDetail.goodsGalleryList[0],
};
},
// #endif
methods: { methods: {
share() { share() {
return `/pages/product/goods?id=${this.routerVal.id}&goodsId=${this.routerVal.goodsId}`; return `/pages/product/goods?id=${this.routerVal.id}&goodsId=${this.routerVal.goodsId}`;