微信小程序 - - - component组件内修改weapp组件ui无效？

1. 示例组件 van-uploade

官方地址: van-uploade

1.1 代码示例

      <view class="upload_pic">
        <van-uploader disabled='{{disabled}}' file-list="{{ fileList }}" upload-icon='/static/images/release/increase.png' multiple max-count="6" bind:after-read="afterRead" />
      </view>

默认样式如下：

显而易见的是上传按钮背景色很不明显。想改变背景色该如何修改呢？

1.2 css覆盖

.refund_information .upload_pic .van-uploader .van-uploader__wrapper .van-uploader__preview-image,
.refund_information .upload_pic .van-uploader .van-uploader__wrapper .van-uploader__upload {
  height: 180rpx !important;
  width: 180rpx !important;
  border-radius: 16rpx !important;
  background-color: red !important;
}

使用上述代码，在正常的page页面内修改该组件是生效的，但是就是在component组件内修改无效。

尝试将其提升至全局css里，期望能够生效，but，希望是美好的。现实是残酷的，依旧无效。

1.3 解决办法

经过一番尝试和资料翻阅，发现在vant weapp的 样式覆盖 里有这么一段话：

于是尝试添加该选项。

哇哦，nice～ 生效了！

注意：
修改component里weapp的样式代码，我是写在全局样式里！