Vue移动应用程序的标签栏导航器 - v-tab-bar

Vue移动应用程序的标签栏导航器 - v-tab-bar
插件名称 v-tab-bar
版本号 1.0.9
发布时间 2021年1月31日
插件作者 paliari

基于Vue.js的移动应用程序的简单,可重用的Tab Bar Navigator。

安装和下载:

# Yarn
yarn add v-tab-bar

# NPM
$ npm install v-tab-bar

例子

<router-view class="v-tab-bar-router-view"></router-view>

<v-tab-bar>
  <v-tab-bar-item to="/home" label="Home">
    <i class="fa fa-home"></i>
  </v-tab-bar-item>
  <v-tab-bar-item to="/list" label="List">
    <i class="fa fa-list"></i>
  </v-tab-bar-item>
  <v-tab-bar-item to="/account" label="Account">
    <i class="fa fa-user"></i>
  </v-tab-bar-item>
  <v-tab-bar-item to="/config">
    <i class="fa fa-bars"></i>
  </v-tab-bar-item>
  <v-tab-bar-item to="/options" label="Options">
    <i class="fa fa-cog"></i>
  </v-tab-bar-item>
</v-tab-bar>