因為組件自帶的顏色是紅色，不符合項目的需求，直接用是這樣的，如圖：
但是在他的官方給出的參數(shù)中沒有直接能變更顏色的參數(shù)，下面是它定義邊框顏色的名字，我們只需要在自己的Wxss文件里重寫一下這個class就可以了，代碼如下：
wxml文件：
<view class="main">
<van-sidebar active-key="{{ activeKey }}">
<van-sidebar-item title="標簽名" dot />
<van-sidebar-item title="標簽名" badge="5" />
<van-sidebar-item title="標簽名" badge="99+" />
</van-sidebar>
</view>
wxss文件：文章來源：http://www.zghlxwxcb.cn/news/detail-548406.html
.main .van-sidebar-item--selected{
border-color: var(--main-color) !important;
background-color: white;
}
現(xiàn)在運行就會是項目需要的顏色了，如圖：
文章來源地址http://www.zghlxwxcb.cn/news/detail-548406.html
到了這里，關于記錄微信小程序使用Vant Weapp-Sidebar 側邊導航，更改它的邊框顏色的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
