如何⾃定义⼩程序tabbar上边框的颜⾊
我们知道tabbar上边框的颜⾊是通过 tabBar 的 borderStyle 属性设置的，只⽀持两个值 black / white，参见⽂档
⽰例，红⾊
解决办法
其实很简单，⾃⼰画⼀条线定位在页⾯最底部就可以了，我们可以利⽤⼩程序类似于⽹页 <html> 标签的 <page>标签，在全局样式中加⼊如下：
app.wxss
page::before{
content: '';
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 2rpx;
background-color: #F6F8FC;
z-index: 9999;
}
同理，也可以给最上⾯也加⼊⼀个分割线，如下：
page::after{
content: '';
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 2rpx;
background-color: #F6F8FC;
z-index: 9999;
}字符串是什么颜
其他
是不是很简单，如果在某个页⾯不需要分割线，只需在当前页⾯的 wxss ⽂件⾥重置 page 的样式即可，如下：
details.wxss
page::before{
height: 0rpx;
}
以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。