2021-12-21 09:51:43 +08:00

46 lines
1.3 KiB
Plaintext

<demo-block card title="基础用法">
<van-cell is-link title="显示分享面板" data-type="basic" bind:click="onShowShareSheet" />
<van-share-sheet
show="{{ show.basic }}"
title="立即分享给好友"
options="{{ options }}"
bind:close="onClose"
bind:select="onSelect"
/>
</demo-block>
<demo-block card title="展示多行选项">
<van-cell is-link title="显示分享面板" data-type="multiLine" bind:click="onShowShareSheet" />
<van-share-sheet
show="{{ show.multiLine }}"
title="立即分享给好友"
options="{{ multiLineOptions }}"
bind:close="onClose"
bind:select="onSelect"
/>
</demo-block>
<demo-block card title="自定义图标">
<van-cell is-link title="显示分享面板" data-type="customIcon" bind:click="onShowShareSheet" />
<van-share-sheet
show="{{ show.customIcon }}"
options="{{ customIconOptions }}"
bind:close="onClose"
bind:select="onSelect"
/>
</demo-block>
<demo-block card title="展示描述信息">
<van-cell is-link title="显示分享面板" data-type="withDesc" bind:click="onShowShareSheet" />
<van-share-sheet
show="{{ show.withDesc }}"
title="立即分享给好友"
options="{{ optionsWithDesc }}"
description="描述信息"
bind:close="onClose"
bind:select="onSelect"
/>
</demo-block>
<van-toast id="van-toast" />