代码演示

    基础用法

    2.   <van-tabbar-item icon="home-o">标签</van-tabbar-item>
    3.   <van-tabbar-item icon="search" dot>标签</van-tabbar-item>
    4.   <van-tabbar-item icon="setting-o" info="20">标签</van-tabbar-item>
    5. </van-tabbar>

    自定义图标

    1. <van-tabbar active="{{ active }}" bind:change="onChange">
    2.   <van-tabbar-item info="3">
    3.     <image
    4.       slot="icon"
    5.       src="{{ icon.normal }}"
    6.       mode="aspectFit"
    7.     />
    8.     <image
    9.       slot="icon-active"
    11.       mode="aspectFit"
    12.     自定义
    13.   </van-tabbar-item>
    14.   <van-tabbar-item icon="search">标签</van-tabbar-item>
    15.   <van-tabbar-item icon="setting-o">标签</van-tabbar-item>
    16. </van-tabbar>

    自定义颜色

    1. <van-tabbar
    2.   active="{{ active }}"
    3.   active-color="#07c160"
    4.   bind:change="onChange"
    5. >
    6.   <van-tabbar-item icon="home-o">标签</van-tabbar-item>
    7.   <van-tabbar-item icon="search">标签</van-tabbar-item>
    9. </van-tabbar>

    Tabbar Event

    TabbarItem Slot