微信小程序如何在父组件中修改子组件的样式

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

// 组件 js

Component({

  externalClasses: ['parent-class']

});

// 组件 wxml

<view class="parent-class"></view>

// 父页面 wxml

<w-more-img parent-class="parentClass"/>

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

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

.parentClass{

  background: red!important;

}

作者：代码搬运媛
链接：https://juejin.cn/post/6987272805473583118
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。