label-class改变van-field左侧文本样式不起作用【VantUI weapp自用笔记】

设计需求：使用两行van-filed组件，将第一行改为提示用字段，输入功能留给第二行。

设计实现：禁用第一行van-filed，使其不能够输入。

存在问题：使用 disabled="true" 禁用后，第一行左侧label文本颜色变灰，如下图：

为了美观，需要将第一行左侧label文本颜色改为黑色，于是使用Vant官方文档给出的外部样式类label-class：

wxml如下：

  <van-field
    label-class="label"
    label="xxx"
    disabled="true"
    required
  />

SCSS中如下：

.label{
  color: #333333 ;
}

——  编译后样式未起作用  ——

解决方式：

wxml不做改动，scss改动如下：

.label{
  color: #333333 !important;
}

！important 后，效果实现，查阅其他exp，需注意此种方式可能会影响其他样式布局，而且使用Vant确实常出现类似问题-_-