一般情况下,父组件不能改变子组件的样式,所以需要动点心思来实现。

// 组件 js
Component({
  externalClasses: ['parent-class']
});
// 组件 wxml
<view class="parent-class"></view>

// 父页面 wxml
<w-more-img parent-class="parentClass"/>

// ***** class名不能使用驼峰,否则不生效 *****

如果要重写子组件中的属性,需要用到!important

.parentClass{
  background: red!important;
}