1.uniapp的tabBar写在pack.json

阳光穿透心脏的1/2处 2022-11-17 13:37 192阅读 0赞

直接复制编译器里面！！！
    
    注意配置和下面的路由别写错单词
    
    {
    	{
    	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
    	{												// 配置路由的地方
    		"path": "pages/message/message",
    		"style": {
    			"navigationBarTitleText": "信息页",
    			"navigationBarBackgroundColor": "#007AFF",
    			"H5":{
    				"pullToRefresh":{
    					"color":"#7D26CD"
    				}
    			}
    		}
    	},
    	{
    		"path": "pages/index/index"
    	},
    	{
    		"path": "pages/contact/contact"
    	},
    	{
    		"path": "pages/detail/detail"
    	}
    	],
    	"globalStyle": {
    		"navigationBarTextStyle": "white",
    		"navigationBarTitleText": "桃子",
    		"navigationBarBackgroundColor": "#7FFF00",
    		"backgroundColor": "#F8F8F8",
    		"enablePullDownRefresh":true
    	},
    	// 配置tabBar路由的地方
    	"tabBar":{//是一个数组，里面放对象			底栏tab切换按钮
    		"color": "#7A7E83",					// 字体颜色
    	    "selectedColor": "#3cc51f",			// 字体被选中颜色
    	    "borderStyle": "black",				// 上边框颜色仅支持 black/white
    	    "backgroundColor": "#ffffff",		// 背景颜色
    		"position":"bottom",				// 默认在底部 还可以在顶部	仅支持bottom/top
    		"list": [
    			{
    				"text":"首页",
    				"pagePath":"pages/index/index",			// 注意： 这里千万记住pagePath	这个单词而不是上面的path！！！
    				"iconPath":"static/shouye1.png",		// 图标
    				"selectedIconPath":"./static/shouye.png"				// 选中
    			},
    			{
    				"text":"信息",
    				"pagePath":"pages/message/message",
    				"iconPath":"static/message.png",		// 图标
    				"selectedIconPath":"./static/messageB.png"				// 选中
    			},
    			{
    				"text":"我们",
    				"pagePath":"pages/contact/contact",
    				"iconPath":"static/mine.png",		// 图标
    				"selectedIconPath":"./static/mine1.png"				// 选中
    			}
    		]
    	},
    	"condition":{		//	启动模式配置，仅开发期间生效，用于模拟直达页面的场景，如：小程序转发后，用户点击所打开的页面。
    		"current":0,
    		"list":[
    			{
    				"name":"详情页",
    				"path":"pages/detail/detail",
    				"query":"id=80"
    			}
    		]
    	}
    }"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages	{		"path": "pages/message/message",		"style": {			"navigationBarTitleText": "信息页",			"navigationBarBackgroundColor": "#007AFF",			"H5":{				"pullToRefresh":{					"color":"#7D26CD"				}			}		}	},	{		"path": "pages/index/index"	},	{		"path": "pages/contact/contact"	},	{		"path": "pages/detail/detail"	}	],	"globalStyle": {		"navigationBarTextStyle": "white",		"navigationBarTitleText": "桃子",		"navigationBarBackgroundColor": "#7FFF00",		"backgroundColor": "#F8F8F8",		"enablePullDownRefresh":true	},	"tabBar":{//是一个数组，里面放对象			底栏tab切换按钮		"color": "#7A7E83",					// 字体颜色	    "selectedColor": "#3cc51f",			// 字体被选中颜色	    "borderStyle": "black",				// 上边框颜色仅支持 black/white	    "backgroundColor": "#ffffff",		// 背景颜色		"position":"bottom",				// 默认在底部 还可以在顶部	仅支持bottom/top		"list": [			{				"text":"首页",				"pagePath":"pages/index/index",			// 注意： 这里千万记住pagePath	这个单词而不是上面的path！！！				"iconPath":"static/shouye1.png",		// 图标				"selectedIconPath":"./static/shouye.png"				// 选中			},			{				"text":"信息",				"pagePath":"pages/message/message",				"iconPath":"static/message.png",		// 图标				"selectedIconPath":"./static/messageB.png"				// 选中			},			{				"text":"我们",				"pagePath":"pages/contact/contact",				"iconPath":"static/mine.png",		// 图标				"selectedIconPath":"./static/mine1.png"				// 选中			}		]	},	"condition":{		//	启动模式配置，仅开发期间生效，用于模拟直达页面的场景，如：小程序转发后，用户点击所打开的页面。		"current":0,		"list":[			{				"name":"详情页",				"path":"pages/detail/detail",				"query":"id=80"			}		]	}}