微信小程序 - 子组件如何继承使用class样式

2020-03-24  本文已影响0人  coderfl

一般情况下,小程序无法使用父组件和全局的样式

// 父组件
"usingComponents": {
    "w-tc": "./testChild/index"
  }
<text class="red">pages/test/index.wxml</text>
<w-tc/>

// 子组件
<view class="red">pages/test/testChild/index.wxml</view>

// app.wxss
.red{
  color: red;
}
image.png

这样操作后就可以把父页面中的class样式传递到子组件中使用

// 组件 js
Component({
  externalClasses: ['parent-class']
});
// 组件 wxml
<view class="parent-class"></view>
// 父页面 wxml
<w-more-img parent-class="myWrap"/>

// ***** class名不能使用驼峰,否则不生效 *****
上一篇 下一篇

猜你喜欢

热点阅读