微信小程序-外部样式类

一.外部样式类

在使用组件的时候，组件使用者可以传入组件的类名，通过组件的类名来修改组件的样式。
步骤：
1.使用externalClasses定义传入的类名

externalClasses:['extend-class']

2.属性值是externalClasses定义的类名

<custom09 extend-class="extend-class"/>

3.将externalClasses的类名传入自定义组件

<view class="extend-class">通过外部样式类修改组件样式</view>

二.注意事项

1.如果自定义组件没有进行样式隔离，则外部样式类不会起作用

//导致外部样式类失效
  options:{
    styleIsolation:"shared"
  },

2.为了避免外部样式类和自定义组件样式相互影响，可以在外部样式类加入权重!important

.extend-class{
  color:lightcoral !important
}