步骤七、自定义组件

接下来,继续进行 UI 扩展,集成风格和功能更加强大的自定义组件,完成待办事项日历展示功能。

  1. 进入「功能1」页面。

image.png
  1. 在页面左侧下方,自定义组件一栏中点击 +。并在添加必要信息后,点击下一步。

image.png
  1. 上传事先准备好的代码产物后,点击完成新建。示例代码产物:https://mobi-app-prod-artifact.oss-cn-shanghai.aliyuncs.com/yunqi/component/dist.zip

image.png
  1. 在组件面板下方找到自定义组件并拖入页面中央。

image.png
  1. 选中组件,并在右侧配置面板中填入必要信息。

image.png
  1. 预览应用,在左侧导航中切换到「功能1」页面,观察效果。

image.png
  1. 返回设计器,并将当前应用版本进行提交,保存一个版本:v1.4 集成前端自定义组件。

image.png

请查看:步骤八、开发环境发布