微信小程序的tabbar组件样式设置，隐藏默认线条

尤其十月

于 2020-06-06 13:31:34 发布

阅读量2.4k

点赞数 1

分类专栏：小程序 vue uniapp 文章标签：小程序前端 vue.js

本文链接：https://blog.csdn.net/weixin_43776985/article/details/106586302

版权

本文介绍了在微信小程序中如何根据UI设计图自定义tabbar组件的样式，特别是如何设置tabbar上边框颜色以隐藏默认线条，提供了解决此类问题的代码示例和总结。

摘要由CSDN通过智能技术生成

根据ui设计图，有些时候需要对tabbar组件进行样式的设置

属性	说明
color	tab 上的文字默认颜色，HexColor
selectedColor	tab 上的文字选中时的颜色，HexColor
backgroundColor	tab 的背景色，HexColor
borderStyle	tabBar上边框的颜色，仅支持 black/white

tabbar上边框的颜色,根据设计图进行修改，隐藏则设置白色

// page.json设置	
  "tabBar": {
   
	  "borderStyle"

关注

专栏目录