uni-app的tabbar
时间: 2023-08-30 07:11:17 浏览: 108
uniapp小程序tabbar图标
在uni-app中,tabBar是用来配置一级导航栏以及tab切换时显示的对应页的。你可以通过tabBar配置项来设置tabBar的样式和行为。tabBar中的list是一个数组,可以配置2到5个tab,tab按数组的顺序排序。每个tab都需要设置pagePath、iconPath、selectedIconPath和text属性,用于指定页面路径、未选中状态下的图标路径、选中状态下的图标路径和tab的文字内容。此外,还可以配置color、selectedColor、borderStyle和backgroundColor等属性来定制tabBar的样式。需要注意的是,顶部的tabBar目前仅微信小程序上支持,如果需要在顶部使用选项卡,建议自己实现顶部选项卡。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [一课一得:uniApp--tabBar的使用](https://blog.csdn.net/fyvhhf/article/details/131200318)[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_2"}}] [.reference_item style="max-width: 50%"]
- *2* [uni-app-tabbar:uni-app底部初步实现(不支持小程序)](https://download.csdn.net/download/weixin_42172572/15923240)[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_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文