更新记录
1.0.2(2022-03-19)
下载此版本
1.修复初始化选中项
2.修复初始化颜色
1.0.1(2022-03-19)
下载此版本
更新文档
fix bug
1.0(2022-03-18)
下载此版本
1.0发布
查看更多
平台兼容性
HbuilderX/cli最低兼容版本 |
3.1.6 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
效果
![Chad 效果图](https://chad-blog.oss-cn-shanghai.aliyuncs.com/%E5%8A%A8%E7%94%BB.gif)
示例
uniapp 引用 import CTabbar from "../../components/Chad-CTabbar/Chad-CTabbar.vue"
vue npm安装引用 import CTabbar from 'chad-tabbar'
components: {
CTabbar
}
<CTabbar
:tabbarList="tabbarList"
:MainColor="'#d4237a'"
:ViceColor="'#7f8c8d'"
@currentClick="currentClick" />
- tabbarList: [{
ImgUrl: '/static/c-tabbar/img/home.png',
AcImgUrl:"/static/c-tabbar/img/home-c.png",
text: '首页',
router: '/agency',
},
{
ImgUrl: '/static/c-tabbar/img/cart.png',
AcImgUrl:"/static/c-tabbar/img/cart-c.png",
text: '购物车',
router: '/census',
},
{
ImgUrl: '/static/c-tabbar/img/hot.png',
AcImgUrl:"/static/c-tabbar/img/hot-c.png",
text: '热门',
router: '/workbench',
},
{
ImgUrl: '/static/c-tabbar/img/file.png',
AcImgUrl:"/static/c-tabbar/img/file-c.png",
text: '文件',
router: '/addressbook',
},
{
ImgUrl: '/static/c-tabbar/img/my.png',
AcImgUrl:"/static/c-tabbar/img/my-c.png",
text: '我的',
router: '/my',
},
]
tip
vue 引用 需要 安装 node-sass 和 sass-loader
npm i -D node-sass sass-loader
todo
此版本仅支持5项tabbar