微信小程序中externalClasses外部样式类

注意事项

externalClasses接收组件使用者给组件传入的样式类。官方文档

• 引入组件的时候属性名是在externalClasses里定义的值，属性值要求必须是类名。
• 使用外部传入的样式类要使用externalClasses定义的类名。
• 外部样式和组件内样式采用就近原则，所以使用外部样式时使用!important增加权重。
• styleIsolation属性值为shared时externalClasses外部样式类失效。

示例

Component({externalClasses:['extend-class','text2']})

<view class="extend-class">
  <text>通过外部样式类修改组件的样式</text>
  <text class="text2">我是测试文本</text>
</view>

<custom2 extend-class="my-class" text2="text2" />

.my-class {
  color: lightsalmon;
}
.text2{
  color: blue;
}