uniapp tabbar好看的样式
时间: 2023-08-12 13:07:11 浏览: 97
回答: 在Uniapp中,可以通过修改tabBar的样式来实现好看的样式。在pages.json文件中,可以配置tabBar的list属性来定义每个tab的样式。可以设置text属性来定义按钮上的文字,iconPath属性来定义默认状态下的图标路径,selectedIconPath属性来定义选中状态下的图标路径。此外,还可以通过修改globalStyle属性来定义整个tabBar的样式,如navigationBarTextStyle来定义按钮上文字的颜色,navigationBarBackgroundColor来定义背景颜色等。通过调整这些属性,可以实现不同的好看的样式。\[2\]\[3\]
#### 引用[.reference_title]
- *1* [uniapp tabBar 事件屏蔽 点击屏蔽](https://blog.csdn.net/nicepainkiller/article/details/118580378)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [uniapp tabbar配置](https://blog.csdn.net/yasinawolaopo/article/details/122047771)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)