助手
扣子 AI 帮助与支持
你好,我是 扣子 文档问答助手 🎉 你在阅读当前文档的过程中,无论对文档概念的解释,还是文档内容方面的疑问,都可以随时向我提问,我会全力为你解答
推荐问题
如何快速了解这个空间的核心内容?
有哪些近期更新的重点文档?
我应该从哪些文档开始阅读?
文档反馈

为页面添加组件

更新于: 2026-06-24 15:44:40

创建 UI 页面后,你会得到一个空白的页面。通过简单的拖放操作,你可以轻松地向页面中添加所需的组件,从而搭建用户界面。用户界面编辑器提供了丰富的 UI 组件,满足不同用户界面的搭建需求,组件详情请参考组件概述

操作步骤

  1. 登录扣子编程

  2. 在页面顶部选择目标工作空间,然后在左侧导航栏中单击新建项目

  3. 低代码模式区域,将鼠标移动到更多,然后单击打开应用开发
    Image

  4. 应用模板页面,单击空白应用

  5. 单击用户界面页签,选择页面类型,然后单击开始搭建
    扣子编程支持搭建网页端用户界面,也支持搭建小程序和 H5 端用户界面。

  6. 选中目标页面,然后单击组件页签。

  7. 在组件栏中,拖拽目标组件至中间画布区域。
    如果不再需要某个组件,选中该组件并按下 Backspace ** 键进行删除。
    Image

相关操作

删除组件

用户界面结构页签中,将光标悬浮在目标组件上,单击删除图标,删除该组件;或者在画布中选中目标组件,按下 Delete 键进行删除。

注意

删除组件后,无法恢复,请谨慎操作。

Image

下一步

设置组件属性和事件