小程序vantweapp的navbar左箭头的颜色

通过调试器查看类名修改样式

比如Vant Weapp的navbar左箭头的颜色默认样式为蓝色但我想要的颜色是黑色的。

通过调试器查看右箭头的类名以及样式

在wxml中给van-nav-bar最外层加一个view的类名用于增加样式的权重

<view class="top">
  <van-nav-bar title="积分商城" left-arrow bind:click-left="onClickLeft" />
</view>

在wxss中修改样式

.top .van-icon-arrow-left {
	color: var(--nav-bar-icon-color, #000000) !important;
}

最后展示效果

扩展：在以后修改vant组件库的样式也可使用同样的方法

参考资料