mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
21 lines
994 B
Plaintext
21 lines
994 B
Plaintext
<demo-block title="基础用法">
|
|
<van-tabbar active="{{ active }}" custom-class="tabbar" bind:change="onChange" safe-area-inset-bottom="{{ false }}">
|
|
<van-tabbar-item icon="shop">标签</van-tabbar-item>
|
|
<van-tabbar-item icon="chat" dot>标签</van-tabbar-item>
|
|
<van-tabbar-item icon="records" info="5">标签</van-tabbar-item>
|
|
<van-tabbar-item icon="gold-coin" info="20">标签</van-tabbar-item>
|
|
</van-tabbar>
|
|
</demo-block>
|
|
|
|
<demo-block title="自定义图标">
|
|
<van-tabbar active="{{ active2 }}" custom-class="tabbar" bind:change="onChange" safe-area-inset-bottom="{{ false }}">
|
|
<van-tabbar-item info="3">
|
|
<span>自定义</span>
|
|
<image slot="icon" src="{{ icon.normal }}" class="icon" mode="aspectFit" />
|
|
<image slot="icon-active" src="{{ icon.active }}" mode="aspectFit" />
|
|
</van-tabbar-item>
|
|
<van-tabbar-item icon="chat">标签</van-tabbar-item>
|
|
<van-tabbar-item icon="records">标签</van-tabbar-item>
|
|
</van-tabbar>
|
|
</demo-block>
|