ShareSheet 分享面板

底部分享选择面板，支持单行滚动、分页展示和取消回调等分享场景

演示

9:41

代码示例

<re-share-sheet :visible="visible" :title="sheetTitle" :description="sheetDescription" :showCancel="showCancel" :options="options" :pageOptions="pageOptions" :optionLayout="optionLayout" @close="visible = false" @cancel="onCancel" @select="onSelect" ></re-share-sheet>

引入

推荐使用 easycom 模式，配置后无需手动 import 即可直接使用 <re-share-sheet />。

API

ShareSheet Props

名称	类型	默认值	描述	必传
visible	`boolean`	false	-	N
title	`string`	''	标题	N
description	`string`	''	-	N
options	`Array<ShareOption>`	as Array<ShareOption>	-	N
pageOptions	`Array<Array<ShareOption>>`	as Array<Array<ShareOption>>	-	N
cancelText	`string`	'取消'	-	N
showCancel	`boolean`	true	-	N
closeOnClickOverlay	`boolean`	true	-	N
optionLayout	`string`	'single'	-	N
customStyle	`string`	''	自定义样式	N

ShareSheet Events

名称	参数	描述
select	option: ShareOption, index: number	选择时触发
cancel	-	取消时触发
close	-	关闭时触发
update:visible	value: boolean	显隐变化时触发

ShareSheet Slots

名称	描述
-	-

SearchHistory 搜索历史

搜索历史展示组件，支持最近搜索、搜索发现、输入关键词联想、删除管理与返回箭头（单独搜索页场景）。

Sku 商品规格

商品规格弹层，支持规格联动、数量调整、不可售态与自定义底部操作

内容锚点

演示
代码示例
引入
API