hi-share-sheet

hi-share-sheet 分享弹窗

介绍

弹出一个分享弹窗

引入

import "../hi-share-sheet.stml";

代码示例

属性

list 分享的json数组列表 listShare: [ { image: "https://gaokaoimage.yangkaiq.cn/wx.png", name: "微信哈", value: 1, }, { image: "https://gaokaoimage.yangkaiq.cn/pyq.png", name: "朋友圈", value: 2, }, { image: "https://gaokaoimage.yangkaiq.cn/qq.png", name: "QQ", value: 3, }, { image: "https://gaokaoimage.yangkaiq.cn/qqkj.png", name: "QQ空间", value: 4, }, { image: "https://gaokaoimage.yangkaiq.cn/wb.png", name: "微博", value: 5, }, { image: "https://gaokaoimage.yangkaiq.cn/share.png", name: "复制链接", value: 6, }, ],

show 是否显示隐藏 false/true

title 标题文字

@cancel 取消事件

@confirm 确认事件 event 返回分享选择的item项

<hi-share-sheet :show="show_share" @cancel="" title="給誰" :list="listShare" @confirm=""></hi-share-sheet>