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

40 lines
1.3 KiB
Plaintext

<van-grid column-num="{{ 2 }}" border="{{ false }}">
<van-grid-item use-slot>
<h3 class="demo-sidebar-title">基础用法</h3>
<van-sidebar custom-class="custom-sidebar">
<van-sidebar-item title="标签名" />
<van-sidebar-item title="标签名" />
<van-sidebar-item title="标签名" />
</van-sidebar>
</van-grid-item>
<van-grid-item use-slot>
<h3 class="demo-sidebar-title">徽标提示</h3>
<van-sidebar custom-class="custom-sidebar">
<van-sidebar-item title="标签名" dot />
<van-sidebar-item title="标签名" badge="5" />
<van-sidebar-item title="标签名" badge="99+" />
</van-sidebar>
</van-grid-item>
<van-grid-item use-slot>
<h3 class="demo-sidebar-title">禁用选项</h3>
<van-sidebar custom-class="custom-sidebar">
<van-sidebar-item title="标签名" />
<van-sidebar-item title="标签名" disabled />
<van-sidebar-item title="标签名" />
</van-sidebar>
</van-grid-item>
<van-grid-item use-slot>
<h3 class="demo-sidebar-title">监听切换事件</h3>
<van-sidebar custom-class="custom-sidebar" bind:change="onChange">
<van-sidebar-item title="标签名 1" />
<van-sidebar-item title="标签名 2" />
<van-sidebar-item title="标签名 3" />
</van-sidebar>
</van-grid-item>
</van-grid>
<van-notify id="van-notify" />