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

由 月琳 发布 |155次浏览

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


暂无评论

发表评论