uni-app之编写tabbar

1.创建3个页面
2.导入图片
3.在pages.json上编写tabbar

"tabBar":{
    
    
		"color":"#bfbfbf",
		"selectedColor":"#515151",
		"borderStyle":"black",
		"backgroundColor":"#ffffff",
		"list":[
			{
    
    
			"pagePath":"pages/index/index"	,
			"text":"首页",
			"iconPath":"static/home.png",
			"selectedIconPath":"static/home-filling.png"
			},
			{
    
    
				"pagePath":"pages/detail/detail",
				"text":"详情",
				"iconPath":"static/detail.png",
				"selectedIconPath":"static/detail-fill.png"
			},
			{
    
    
				"pagePath":"pages/me/me",
				"text":"我的",
				"iconPath":"static/account.png",
				"selectedIconPath":"static/account-fill.png"
				
			}
		]
	}

猜你喜欢

转载自blog.csdn.net/qq_42794826/article/details/113812358