底部的tabBar设计,增加导航。
效果如下:

代码如下(在app.json页面中增加(框架-》全局配置):
"tabBar": {
"color":"#9DACB7",
"selectColor":"#34B457",//可以保持图标和字体一起变色
"backgroundColor":"#ff0000",//可以把导航栏的背景颜色变成红色
"borderStyle":"white",//可以让导航栏框框的颜色变为白色
"list": [
{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath":"images/tabBar/index.jpg",
"selectedIconPath":"images/tabBar/index-hL.jpg"
},
{
"pagePath": "pages/logs/logs",
"text": "日志",
"iconPath": "images/tabBar/node.jpg",//图标的设置
"selectedIconPath": "images/tabBar/node-hL.jpg"
}
]
}
效果如下:

浙公网安备 33010602011771号