38 lines
1.3 KiB
Vue
38 lines
1.3 KiB
Vue
<route lang="json5">
|
||
{
|
||
style: { navigationBarTitleText: '微信分享' },
|
||
}
|
||
</route>
|
||
|
||
<template>
|
||
<view class="m-10 text-center">
|
||
<view class="text-green">微信分享页</view>
|
||
<view class="text-green-500">请在微信小程序中体验，或者开发者工具</view>
|
||
<view>1) 默认是不激活”发送给朋友“和”分享到朋友圈“的，如下图</view>
|
||
<image src="/static/screenshots/wx-share-before.png" mode="widthFix" />
|
||
<view>2) 增加了onShareAppMessage和onShareTimeline后，就可以微信分享了，如下图</view>
|
||
<image src="/static/screenshots/wx-share-after.png" mode="widthFix" />
|
||
</view>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
import { onShareAppMessage, onShareTimeline } from '@dcloudio/uni-app'
|
||
/** 激活“分享给好友” */
|
||
onShareAppMessage((options: Page.ShareAppMessageOption): Page.CustomShareContent => {
|
||
console.log('options:', options)
|
||
return {
|
||
title: '自定义分享标题',
|
||
path: '/pages/index/index?id=xxx',
|
||
imageUrl:
|
||
'https://cip-shopping-page-0eysug01066a9e-1302818703.tcloudbaseapp.com/pretty-girl.png',
|
||
}
|
||
})
|
||
/** 激活“分享到朋友圈”， 注意：需要先激活“分享给好友” */
|
||
onShareTimeline((): Page.ShareTimelineContent => {
|
||
return {
|
||
title: '自定义分享标题',
|
||
query: 'a=1&b=2',
|
||
}
|
||
})
|
||
</script>
|