小程序externalClasses介绍

Posted on 2020-05-18 14:49  张雪冬前端学习园地  阅读(831)  评论(0)  编辑  收藏  举报

小程序externalClasses

 

1.介绍：我们在封装组件的时候，有时候需要对外暴露出class，可以由调用者来决定组件中一部分的样式，此时就需要使用它了

// components/dong/index.js

Component({

    // 对外提供的class类
    externalClasses: ["my-class"]
})

 

<!-- components/dong/index.wxml -->

<view class="my-class">自定义属于你的样式把</view>

 

<!-- 在页面组件中使用 -->

<dong my-class="add"></dong>

<!-- 在wxss中写样式 -->

.add {

    color: red;
}