ShareSheet 分享面板

在底部显示分享操作列表；具体分享行为由页面及平台开放能力处理。

支持平台

以下为官网文档所列的平台支持情况，具体功能及版本限制请参见本页的平台说明。

App-vue	App-nvue	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序	H5	PC	快手小程序	钉钉小程序
✓	✓	✓	✓	✓	✓	✓	✓	✓	✓	✓

基础用法

<!-- 分享选项 -->
<fui-share-sheet :show="showShare" :itemList="shareItems"
  @click="handleShare" @cancel="showShare = false" />

页面需声明 showShare、shareItems 和 handleShare。

属性

属性	类型	说明	官网默认值
show	Boolean	是否显示	false
itemList	Array	分享按钮数据	[]
width	Number / String	按钮宽高，单位 rpx	108
itemBackground	String	按钮默认背景色，单项配置优先	transparent
radius	Boolean	是否显示圆角	true
background	String	面板背景色	#EAEAEA
title	String	标题	分享到
size	Number / String	标题字号，单位 rpx	24
color	String	标题颜色	#7f7f7f
btnText	String	取消按钮文字	取消
btnSize	Number / String	取消按钮字号，单位 rpx	32
btnColor	String	取消按钮文字颜色	#181818
btnBackground	String	取消按钮背景色	transparent
lineColor	String	取消按钮上边框色	#ddd
maskBackground	String	遮罩颜色	rgba(0,0,0,.6)
maskClosable	Boolean	点击遮罩是否触发 cancel	false
zIndex	Number / String	层级，nvue 不支持	1001
isFull	Boolean	内容不足以滚动时是否两端对齐	false
padding	Number / String	列表左右内边距，单位 rpx	20
safeArea	Boolean	是否适配底部安全区	true

事件

事件	说明	回调参数
click	点击分享按钮	index、item；双层数组还返回 subIndex
cancel	点击取消按钮或可关闭的遮罩	{}
opensetting	关闭授权设置页	平台授权设置信息
launchapp	从小程序打开 App 成功	平台事件

父组件需根据事件更新 show。

插槽

插槽	说明
default	替换分享面板的标题