uniapp tabbar配置
时间: 2023-08-30 18:11:39 浏览: 185
uniapp小程序tabbar图标
在UniApp中,可以通过tabBar配置项来设置底部导航栏的表现和切换页面。tabBar中的list属性是一个数组,用于配置底部导航栏的每个tab。最少需要配置2个tab,最多可以配置5个。每个tab需要设置title属性来显示标题,iconPath属性和selectedIconPath属性来设置未选中和选中状态下的图标路径。另外,可以通过设置position属性为top来将tabBar置于页面顶部而不显示图标。如果应用是一个多tab应用,可以根据需要配置tabBar中的list数组来指定显示的tab以及对应的页面。引用<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [uni-app中的tabBar配置](https://blog.csdn.net/qq_46078451/article/details/119404024)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [uni-app关于tabBar配置](https://blog.csdn.net/LW0512/article/details/124881825)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文