上传者: 42148975
|
上传时间: 2021-10-05 21:53:57
|
文件大小: 127KB
|
文件类型: -
vue-tabbar
开发一个导航栏组件,主要在移动端使用,可以打开浏览器的手机模式查看。
Build Setup
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
使用说明
TabBar组件代表整个导航栏,TabBarItem组件代表导航按钮(包括文字和图片)
在TabBar组件中传入若干个TabBarItem组件
在TabBarItem组件中传入两张图片和文字
一张代表按钮未激活时的图片,slot的name是 item-icon
另一张代表按钮被激活时显示的图片,slot的name是 item-icon-active
文字的slot的name是 slo