小程序自定义组件—外部样式类

外部样式类

组件希望接受外部传入的样式类。此时可以在 Component 中用 externalClasses 定义若干个外部样式类 在开发组件时，主动暴露给组件使用者，修改组件内部样式在

组件 custom-component.js

Component({
  externalClasses: ['my-class']  
});

组件 custom-component.wxml

<!-- 组件的wxml -->
<!-- 这里的my-class相当于一个占位符 -->
<view class="my-class">components/MyTest/index.wxml</view>

页面的 wxml(html)
<custom-component my-class="red-text" />
<custom-component my-class="large-text" />

页面的 wxss(css)

.red-text{ color: red; }
.large-text {font-size: 50px; }

小结

外部样式类相当于用一个类名去当占位符，以便于在后期使用时替换成真实的类名，方便添加额外的样式