如何使用 Ant Design 组件库?

发布组件库

  1. 1.

    打开组件库文件链接,创建文件副本。 'image.png'

    文件副本默认创建在「草稿」中,此时你仅可以在个人草稿中通过复制粘贴使用此组件库文件。

  2. 2.

    如果你希望团队中其他人也能共同使用这套资源/组件库,将副本文件移动到团队项目中。 'image.png'

    你需要有团队项目的管理或编辑权限,否则文件无法完成移动。点击了解更多共享和权限说明

  3. 3.

    左边栏切换到「资产面板」- 点击 '16_Panel_ComponentLibrary.svg' -「本地组件库」-「发布组件库」。 'image.png'

  4. 4.

    默认全选组件,点击「发布」,Motiff 妙多将显示一条通知,确认组件库已成功发布。 'image.png'

    由于组件库文件较大,此过程可能需要几分钟到十几分钟。

使用组件

  1. 1.左边栏切换到「资产面板」- 点击 '16_Panel_ComponentLibrary.svg' -「本地组件库」-「引用组件库」- 开启相应组件库开关。 'image.png'
  2. 2.从左侧资产面板中拖出需要使用的组件实例,在设计面板中可切换实例的属性。 'image.png'

本文仅简单介绍如何快速发布并使用组件库,如需详细指南,请查看帮助文档:组件库指南