一般情况下,小程序无法使用父组件和全局的样式
// 父组件
"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名不能使用驼峰,否则不生效 *****
网友评论