一般情况下,父组件不能改变子组件的样式,所以需要动点心思来实现。
// 组件 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
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦