微信小程序自定义组件使用外部class

1. 在组件的js文件里定义一个供外部使用的class名称

Component({
  externalClasses: ['my-class'],

2. 在组件的wxml文件内使用上面定义的class名

<view class="my-class"></view>

3. 在外部页面引用组件的标签里传入class名

<XXXComponent  my-class="your-class"></testClass>

（ my-class对应组件里定义的externalClasses名，your-class可保持一致也可新自定义命名，对应页面的wxss样式）

4. 页面wxss里定义样式

.your-class{
}

注：如果无效可能是css优先级的问题，可以考虑加上!important

• 分类： 前端开发
• 标签： 无标签