代码演示

    基础用法

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

    自定义图标

    1. <van-tabbar v-model="active">
    2.   <van-tabbar-item info="3">
    3.     <span>自定义</span>
    4.     <img
    5.       slot="icon"
    6.       slot-scope="props"
    7.       :src="props.active ? icon.active : icon.normal"
    9.   <van-tabbar-item icon="search">标签</van-tabbar-item>
    10.   <van-tabbar-item icon="setting-o">标签</van-tabbar-item>
    11. </van-tabbar>

    自定义颜色

    1. <van-tabbar
    2.   v-model="active"
    3.   active-color="#07c160"
    4. >
    5.   <van-tabbar-item icon="home-o">标签</van-tabbar-item>
    6.   <van-tabbar-item icon="search">标签</van-tabbar-item>
    7.   <van-tabbar-item icon="freinds-o">标签</van-tabbar-item>
    8.   <van-tabbar-item icon="setting-o">标签</van-tabbar-item>

    Tabbar Event

    TabbarItem Slot