主题
编辑器逐项说明
打开方式:我的大屏 → 某张卡片 → 编辑(新标签页)。
记不住时
用右侧属性上方的 搜索框 输入「保存」「图例」等关键字,可跳到表单项。
顶栏(从左到右)
| 按钮/区域 | 点一下会怎样 |
|---|---|
| 房子图标 | 回到 我的大屏 或 模板库(模板编辑时) |
| 大屏标题 | 仅展示名称 |
| 页面名称 ▼ | 展开 页面列表(见下节) |
| − / 100% / + | 缩小 / 显示比例 / 放大画布(方便编辑,不影响发布尺寸) |
| 适应画布图标 | 整页缩放进窗口 |
| 撤销 / 重做 | 上一步 / 下一步 |
| 网格 / 吸附 | 显示网格线;拖拽时自动对齐 |
| 保存 | 写入服务器;改完必点 |
| 配色 | 整页换肤(见 配色与示例数据) |
| 预览 | 先保存,再新开预览页 |
| 发布 | 打开发布设置 |
| 更多 ▼ | 导入导出、版本历史、导出图片、数据源、全屏 |
| 头像 | 当前在线协作者(多人编辑时) |
| 主题 | 深浅色(只影响编辑器界面) |
「更多」菜单里每一项
| 菜单项 | 作用 |
|---|---|
| 导入/导出 | 下载 JSON 备份;或从 JSON 新建大屏,见 备份与导入 |
| 版本历史 | 查看历史保存点,可 回滚,见 版本恢复 |
| 导出图片 | 把 当前页 画布导出为图片文件 |
| 数据源 | 跳到右侧 数据源 Tab |
| 全屏 | 浏览器全屏(仍是在编辑,不是预览) |
页面下拉(多页大屏)
点顶栏 当前页名称 ▼:
| 操作 | 怎么做 |
|---|---|
| 切换页面 | 直接点某一页名称 |
| 设为首页 | 该行右侧 ⋯ → 设为首页(预览/发布默认打开这页) |
| 重命名 | ⋯ → 重命名 → 输入名 → 确定 |
| 删除页 | ⋯ → 删除(至少保留 1 页) |
| 添加页面 | 列表底部 添加页面 |
带 小房子 图标的页 = 首页。
左栏四个 Tab
| Tab | 干什么 |
|---|---|
| 组件 | 拖拽添加;上方 收藏/最近 是快捷入口 |
| 预设 | 你保存过的组件样式,拖出来用 |
| 素材 | 公共图片(需权限);拖到画布变图片组件 |
| 图层 | 所有组件列表;点名字=选中;可 锁定 |
收藏组件:组件名旁 星标 点亮即收藏。
折叠左栏:左栏右边缘 细条,点一下收起/展开。
中间画布
| 操作 | 方法 |
|---|---|
| 选中 | 左键 单击 组件 |
| 多选 | 空白处 拖框;或 Ctrl + 单击 多个 |
| 移动 | 选中后 拖拽 |
| 改大小 | 选中后拖 八个控点 |
| 微调位置 | 方向键 1px;Shift + 方向键 10px |
| 删除 | 选中 → Delete → 确认 |
| 复制 | Ctrl + C → Ctrl + V |
对齐栏(画布上方一条)
至少选中 2 个组件 时出现 8 个图标:
左对齐、水平居中、右对齐、顶对齐、垂直居中、底对齐、水平分布、垂直分布。
右键菜单(在组件上点右键)
| 菜单项 | 说明 |
|---|---|
| 重命名 | 改 图层名称(图层面板里显示,不是业务文字) |
| 复制 | 复制整个组件 |
| 复制样式 | 只复制颜色字号等样式 |
| 粘贴样式 | 把复制的样式贴到当前组件(需先复制过) |
| 保存为预设 | 存成预设,左栏 预设 Tab 可用 |
| 删除 | 删除组件(锁定的删不了) |
| 上移/下移一层 | 调整谁压谁 |
| 置于顶层/底层 | 一次调到最前或最后 |
右栏三个 Tab
| Tab | 什么时候用 |
|---|---|
| 属性 | 选中了 某个组件 |
| 大屏设置 | 点击画布 空白处(不要选中组件) |
| 数据源 | 管理 HTTP / WebSocket 接口 |
属性 Tab 里上面几行
- 布局条:X、Y、宽、高、层级
- 搜索:找表单项
- 常用:你钉选的项
- 内容 / 样式 / 数据 / 行为 / 高级:分段切换
组件没选中时,右栏会自动变成 大屏设置。
折叠右栏
右栏左边缘 细条,点击收起/展开。宽度会记住。
和预览的区别(再强调一次)
| 在编辑器里 | 在预览/发布里 |
|---|---|
| 拖组件、改属性 | 不能编辑 |
| 点菜单通常 不跳页 | 菜单、按钮、图表点击 会跳页/弹窗 |
| 图表可能不刷新接口 | 会拉真实数据 |
测试交互:一定先保存 → 点预览。
导出图片(当前页)
把 当前正在编辑的页面 导出成 PNG/JPEG,用于汇报 PPT、打印、或临时分享(不是发布链接)。
步骤
- 顶栏 页面 ▼ 切到要导出的那一页(导出 不会 包含其它页)。
- 确认画布内容已 保存(改完先点 保存)。
- 顶栏 更多 ▼ → 导出图片。
- 弹窗里:
- 图片格式:PNG(透明背景友好)或 JPEG(体积更小)
- 导出范围:目前仅 当前页
- 点 导出 → 浏览器会下载文件(文件名含时间戳)。
- 等提示 导出成功 后再关弹窗。
常见问题
| 现象 | 处理 |
|---|---|
| 图很糊 | 在 大屏设置 里加大 画布宽/高 后再导出;导出为 1:1 逻辑像素,与预览一致 |
| 缺组件 / 空白 | 导出前 保存;等图表加载完再点导出 |
| 想导出全部页 | 需 逐页切换 后各导出一次(暂无「整屏多页合并」) |
与 预览页截图 的区别:导出走编辑器内置快照,分辨率等于画布设置,不受浏览器窗口缩放影响。
