external-classes Array - 组件类名,分别用于设置加载组件外层元素,中间内容等元素类名。['t-class', 't-class-load']如何使用
时间: 2024-03-19 07:44:56 浏览: 52
类加载器,classload
在使用组件时,可以通过设置 `external-classes` 属性来自定义组件外层元素和中间内容元素的类名。具体使用方法如下:
1. 在组件的使用位置,设置 `external-classes` 属性,如下所示:
```html
<custom-component external-classes="t-class t-class-load"></custom-component>
```
2. 在组件的 `wxml` 文件中,通过 `class` 属性来引用 `external-classes` 中定义的类名,如下所示:
```html
<template name="custom-component">
<view class="{{ externalClasses['t-class'] }}">
<view class="{{ externalClasses['t-class-load'] }}">
<!-- 中间内容 -->
</view>
</view>
</template>
```
通过这种方式,我们可以灵活地定义组件的样式和结构。
阅读全文