我們知道tabbar上邊框的顏色是通過 tabBar 的 borderStyle 屬性設置的，只支持兩個值 black / white，參見文檔 tabBar
示例，紅色
解決辦法
其實很簡單，自己畫一條線定位在頁面最底部就可以了，我們可以利用小程序類似于網頁 <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;}以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
