Tabbar

Props

tabbar-item

属性 类型 默认 说明
selected Boolean false 是否选中
show-dot Boolean false 是否显示红色提示点
link String or Object - 普通链接或者v-link参数值, 0.1.2-rc1开始支持。<tabbar-item link="/somepath"></tabbar-item> ｜

Slots

名字 说明
icon 图标
label 文字

Demo

template

<div>
  <tabbar>
    <tabbar-item>
      <img slot="icon" src="https://o84lhz5xo.qnssl.com/master/src/assets/demo/icon_nav_button.png">
      <span slot="label">Wechat</span>
    </tabbar-item>
    <tabbar-item show-dot>
      <img slot="icon" src="https://o84lhz5xo.qnssl.com/master/src/assets/demo/icon_nav_msg.png">
      <span slot="label">Message</span>
    </tabbar-item>
    <tabbar-item selected>
      <img slot="icon" src="https://o84lhz5xo.qnssl.com/master/src/assets/demo/icon_nav_article.png">
      <span slot="label">Explore</span>
    </tabbar-item>
    <tabbar-item>
      <img slot="icon" src="https://o84lhz5xo.qnssl.com/master/src/assets/demo/icon_nav_cell.png">
      <span slot="label">News</span>
    </tabbar-item>
  </tabbar>
</div>

results matching ""

    No results matching ""