微信小程序里父组件是不允许直接修改子组件样式的,必须在子组件里暴露样式名称,才能在父组件里重新定义样式。
// 组件 js Component({ externalClasses: ['parent-class'] }); // 组件 wxml <view class="parent-class"></view> // 父页面 wxml <w-more-img parent-class="parentClass"/> // ***** class名不能使用驼峰,否则不生效 *****
如果要重写子组件中的属性,需要用到!important
.parentClass{ background: red!important; }