05 uniapp配置page.json以及路由的跳转

＆Ever 〗

于 2020-12-23 16:45:38 发布

阅读量3.3k

点赞数

分类专栏： UNI 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/qq_49104166/article/details/111593635

版权

本文详细介绍了在uniapp中如何配置page.json以设置顶部和底部tabbar，并探讨了路由跳转的方法，特别强调了在主页和TabBar页面之间跳转时应注意使用绝对路径，以及不同open-type属性在跳转中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在page.json里面配置顶部和底部tabbar

{
	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "首页"
			}
		},
		{
			"path": "pages/news/news",
			"style": {
				"navigationBarTitleText": "新闻"
			}
		}
	],
	"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "uni-app",
		"navigationBarBackgroundColor": "#007AFF",
		"backgroundColor": "#007AFF",
		"enablePullDownRefresh":true//全局下拉刷新
		
	},
	"tabBar": {
	        "color": "#7A7E83",//默认字体颜色
	        "selectedColor": "#3cc51f",//选中颜色
	        "borderStyle": "black",//边框线
	        "backgroundColor": "#ffffff",//背景颜色
	        "height": "50px

最低0.47元/天解锁文章