uniapp 中的 tabBar 配置
2023-02-19 12:20:15 时间
1. 前言
tabBar 配置:https://uniapp.dcloud.io/collocation/pages?id=tabbar
修改 page.json
, 在文件中添加以下内容(tabBar 和 globalStyle同级)
2. 使用示例
"tabBar": {
"color": "#7A7E83",
"selectedColor": "#3cc51f",
"backgroundColor": "#ffffff",
"list": [
{
"pagePath": "pages/index/index",
"iconPath": "static/tabBar/home.png",
"selectedIconPath": "static/tabBar/homeSelected.png",
"text": "首页"
},
{
"pagePath": "pages/test/test",
"iconPath": "static/tabBar/my.png",
"selectedIconPath": "static/tabBar/mySelected.png",
"text": "我的"
}
]
}
属性 | 是否必填 | 描述 |
---|---|---|
color | 是 | 文字默认颜色(未选中时的颜色) |
selectedColor | 是 | 文字选中时的颜色 |
backgroundColor | 是 | tab 背景颜色 |
list | 是 | tab 的菜单列表 |
相关文章
- Android 3分钟带你入门开发测试
- Android 加载图片占用内存分析
- Android 原生 SQLite 数据库的一次封装实践
- Android 多语言动态更新方案探索
- 新主题基于Bootstrap3
- 技术实操| 自有App如何引入小游戏(Android篇)
- 在Android系统上运行frp
- 查询IOS可降级版本
- 微信小程序 Spdier - OfferShow 反编译逆向(一)
- Android 组件化最佳实践 ARetrofit 原理
- java商城小程序收藏
- 巴士团小程序
- 微信小程序this作用域
- 从零开始搞监控系统(5)——小程序监控
- Pyinstaller打包配置UPX缩小程序包大小,打包时出现UPX is not available处理方法
- 如何将小程序游戏引入自有APP?(Android篇)
- 超级App成为小程序流量新的变现突破口
- 小程序小游戏怎样实现在自己的App里上架运行?
- Vue 网络请求模块封装 (axios)
- 微信小程序中的支付宝支付