Skip to content

编辑器逐项说明 ​

打开方式:我的大屏 → 某张卡片 → 编辑(新标签页)。

记不住时

用右侧属性上方的 搜索框 输入「保存」「图例」等关键字,可跳到表单项。


顶栏(从左到右) ​

按钮/区域点一下会怎样
房子图标回到 我的大屏 或 模板库(模板编辑时)
大屏标题仅展示名称
页面名称 ▼展开 页面列表(见下节)
− / 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、打印、或临时分享(不是发布链接)。

步骤 ​

  1. 顶栏 页面 ▼ 切到要导出的那一页(导出 不会 包含其它页)。
  2. 确认画布内容已 保存(改完先点 保存)。
  3. 顶栏 更多 ▼ → 导出图片。
  4. 弹窗里:
    • 图片格式:PNG(透明背景友好)或 JPEG(体积更小)
    • 导出范围:目前仅 当前页
  5. 点 导出 → 浏览器会下载文件(文件名含时间戳)。
  6. 等提示 导出成功 后再关弹窗。

常见问题 ​

现象处理
图很糊在 大屏设置 里加大 画布宽/高 后再导出;导出为 1:1 逻辑像素,与预览一致
缺组件 / 空白导出前 保存;等图表加载完再点导出
想导出全部页需 逐页切换 后各导出一次(暂无「整屏多页合并」)

与 预览页截图 的区别:导出走编辑器内置快照,分辨率等于画布设置,不受浏览器窗口缩放影响。


相关文档 ​

巧曦大屏搭建平台 · 技术支持