在使用小程序组件的时候,希望直接引用父类组件的样式,可以用externalClasses
定义。(这个特性从小程序基础库版本1.9.90基础库开始支持)。
注意:在同一个节点上使用普通样式类和外部样式类时,两个类的优先级是未定义的,因此最好避免这种情况。
父组件中,希望将两个样式类star
和star-active
传入子组件
<view>
<star star="star" star-active="star-active"></star>
</view>
//父组件wxss
.star {
font-size: 28rpx;
margin-right: 5rpx;
color: #ddd;
}
.star-active {
color: orange;
}
在父组件设置完后,将对应的标签属性名在externalClasses
设置即可使用
Component({
externalClasses: ['star', 'star-active']
...
})
//子组件wxml
<view class="star star-active">hello world</view>