uni-app底部导航栏及窗口配置

左手的ㄟ右手 2021-07-24 20:54 1060阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMjQxNTA0_size_16_color_FFFFFF_t_70][]

![20191115182311981.png][]

{
    	"pages": [ 
    //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
    //页面注册
    		{
    			"path": "pages/login/index",
    			"style": {
    				"navigationBarTitleText": "登录"//进入页面后顶部窗口显示的文字
    			}
    		},{
    			"path": "pages/home/index",
    			"style": {
    				"navigationBarTitleText": "首页"
    			}
    		}, {
    			"path": "pages/find/index",
    			"style": {
    				"navigationBarTitleText": "发现"
    			}
    		}, {
    			"path": "pages/my/index",
    			"style": {
    				"navigationBarTitleText": "个人中心"
    			}
    		}
    	],
    	"globalStyle": {
    		"navigationBarTextStyle": "white",//顶部窗口文字颜色，只支持white，black两种颜色
    		"navigationBarTitleText": "myUniApp",//全局顶部窗口文字，单页面没配置的话默认显示这个
    		"navigationBarBackgroundColor": "#13227a",//窗口背景颜色
    		"backgroundColor": "#13227a"
    	},
    	"tabBar": {
    		"color": "#8a8a8a",//底部导航文字颜色
    		"selectedColor": "#13227a",//底部导航选中文字颜色
    		"borderStyle": "black",//底部导航边框颜色
    		"list": [{
    				"pagePath": "pages/home/index",//页面路由
    				"text": "首页",//显示文字
    				"iconPath": "/static/tab/home.png",//默认图标
    				"selectedIconPath": "/static/tab/home_a.png"//选中图片
    			},
    			{
    				"pagePath": "pages/find/index",
    				"text": "发现",
    				"iconPath": "/static/tab/find.png",
    				"selectedIconPath": "/static/tab/find_a.png"
    			},
    			{
    				"pagePath": "pages/my/index",
    				"text": "我的",
    				"iconPath": "/static/tab/my.png",
    				"selectedIconPath": "/static/tab/my_a.png"
    			}
    		]
    	},
    	"condition": { //模式配置，仅开发期间生效
    		"current": 0, //当前激活的模式(list 的索引项)
    		"list": [{
    			"name": "", //模式名称
    			"path": "", //启动页面，必选
    			"query": "" //启动参数，在页面的onLoad函数里面得到
    		}]
    	}
    }

更多请查看官方文档：[https://uniapp.dcloud.io/collocation/pages?id=globalstyle][https_uniapp.dcloud.io_collocation_pages_id_globalstyle]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMjQxNTA0_size_16_color_FFFFFF_t_70]: /images/20210724/90fbb551564748159769fe41068ece58.png
[20191115182311981.png]: /images/20210724/f1808a76d23c4613a0a3c63277fc5656.png
[https_uniapp.dcloud.io_collocation_pages_id_globalstyle]: https://uniapp.dcloud.io/collocation/pages?id=globalstyle