95 lines
2.4 KiB
Markdown
95 lines
2.4 KiB
Markdown
#### 本功能基于[底部图标菜单](https://ext.dcloud.net.cn/plugin?id=4858)封装而成。
|
||
### 示例代码
|
||
```
|
||
<template>
|
||
<button type="default" @click="uniShare">显示</button>
|
||
</template>
|
||
<script>
|
||
import uniShare from '@/uni_modules/uni-share/js_sdk/uni-share.js';
|
||
export default {
|
||
onBackPress({from}) {
|
||
console.log(from);
|
||
if(from=='backbutton'){
|
||
this.$nextTick(function(){
|
||
uniShare.hide()
|
||
})
|
||
return uniShare.isShow;
|
||
}
|
||
},
|
||
methods: {
|
||
uniShare() {
|
||
uniShare.show({
|
||
content: { //公共的分享参数配置 类型（type）、链接（herf）、标题（title）、summary（描述）、imageUrl（缩略图）
|
||
type: 0,
|
||
href: 'https://uniapp.dcloud.io/',
|
||
title: '标题',
|
||
summary: '描述',
|
||
imageUrl: 'https://img-cdn-aliyun.dcloud.net.cn/stream/icon/__UNI__HelloUniApp.png'
|
||
},
|
||
menus: [{
|
||
"img": "/static/app-plus/sharemenu/wechatfriend.png",
|
||
"text": "微信好友",
|
||
"share": { //当前项的分享参数配置。可覆盖公共的配置如下：分享到微信小程序，配置了type=5
|
||
"provider": "weixin",
|
||
"scene": "WXSceneSession"
|
||
}
|
||
},
|
||
{
|
||
"img": "/static/app-plus/sharemenu/wechatmoments.png",
|
||
"text": "微信朋友圈",
|
||
"share": {
|
||
"provider": "weixin",
|
||
"scene": "WXSceneTimeline"
|
||
}
|
||
},
|
||
{
|
||
"img": "/static/app-plus/sharemenu/mp_weixin.png",
|
||
"text": "微信小程序",
|
||
"share": {
|
||
provider: "weixin",
|
||
scene: "WXSceneSession",
|
||
type: 5,
|
||
miniProgram: {
|
||
id: '123',
|
||
path: '/pages/list/detail',
|
||
webUrl: '/#/pages/list/detail',
|
||
type: 0
|
||
},
|
||
}
|
||
},
|
||
{
|
||
"img": "/static/app-plus/sharemenu/weibo.png",
|
||
"text": "微博",
|
||
"share": {
|
||
"provider": "sinaweibo"
|
||
}
|
||
},
|
||
{
|
||
"img": "/static/app-plus/sharemenu/qq.png",
|
||
"text": "QQ",
|
||
"share": {
|
||
"provider": "qq"
|
||
}
|
||
},
|
||
{
|
||
"img": "/static/app-plus/sharemenu/copyurl.png",
|
||
"text": "复制",
|
||
"share": "copyurl"
|
||
},
|
||
{
|
||
"img": "/static/app-plus/sharemenu/more.png",
|
||
"text": "更多",
|
||
"share": "shareSystem"
|
||
}
|
||
],
|
||
cancelText: "取消分享",
|
||
}, e => { //callback
|
||
console.log(uniShare.isShow);
|
||
console.log(e);
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
``` |