自定义Tabbar

自定义底部导航栏配置

最新推荐文章于 2025-04-23 01:11:48 发布

原创最新推荐文章于 2025-04-23 01:11:48 发布 · 155 阅读

0 ·

CC 4.0 BY-SA版权

这个配置展示了如何为应用设置自定义的底部导航栏，包括图标、选中图标、文字和页面路径等信息。每个条目都有其特定的图标路径和选中状态图标，以及对应的页面。注意，某些页面不需要在所有页面上显示。

在这里插入图片描述

list: [{
				iconPath: "home",
				selectedIconPath: "/static/logo.png",
				text: 'index',
				customIcon: false,
				pagePath:'/pages/index/index'
			},
			{
				iconPath: "photo",
				selectedIconPath: "photo-fill",
				text: 'about',
				customIcon: false,
				pagePath:'/pages/about/about'
			},
			{
				iconPath: "https://cdn.uviewui.com/uview/common/min_button.png",
				selectedIconPath: "https://cdn.uviewui.com/uview/common/min_button_select.png",
				text: 'cai',
				midButton: true,
				customIcon: false,
				pagePath:'/pages/cai/cai'
			},
			{
				iconPath: "play-right",
				selectedIconPath: "play-right-fill",
				text: 'qqq',
				customIcon: false,
				pagePath:'/pages/qqq/qqq'
			},
			{
				iconPath: "account",
				selectedIconPath: "account-fill",
				text: 'Tab',
				customIcon: false,
				pagePath:'/pages/tab/tab'
			},
		],