9. 组件模板

更新时间: 2023-09-27 14:38:03

文本介绍脚手架提供的组件模板。

在使用脚手架初始化项目时,可以选择组件模板。

脚手架工具中PC组件提供了5个模板:基础模板、文本组件模板、容器组件模板、List组件模板、数据选择框组件模板。

基础模板,就是本教程中使用的模板,只包含最基础的内容,没有任何属性配置。

实际开发时,可以选择和目标组件相似的模板,减少开发。

接下来介绍各模板。

文本组件模板

和系统文本组件类似,特点如下:

  1. 非容器组件。

  2. 包括实体字段展示,支持静态、动态、模板。

  3. 包括文字样式属性配置。

  4. 包括事件属性配置。

image.png

容器组件模板

和系统容器组件类似,特点如下:

  1. 容器组件。

  2. 包括容器宽高、间距、背景、边框等样式配置。

  3. 包括实体字段展示(IMAGE字段类型),包括静态、动态。

  4. 包括事件属性配置。

image.png

List组件模板

和系统List组件类似,特点如下:

  1. 容器组件。

  2. 数据容器,List类型。

  3. 包括基础的宽高、间距样式配置。

  4. 包括事件属性配置。

image.png

数据选择框组件模板

和系统数据选择框组件类似,特点如下:

  1. 非容器组件。

  2. 数据容器,List-Data类型。

  3. 实现数据搜索(过滤)功能。

  4. 实现数据初始化功能。

    1. 监听数据变化。

    2. 通过逻辑流获取实体对象。

  5. 实现逻辑流传参。

image.png

接下来

至此,组件开发的基础教程结束。接下来就可以基于组件模板开发自定义组件。

一些配置和 API 的细节可以在组件配置属性设置器错误检查API中查看。

阿里云首页 多端低代码开发平台魔笔 相关技术圈