Skip to content

编辑器逐项说明

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

记不住时

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


顶栏(从左到右)

按钮/区域点一下会怎样
房子图标回到 我的大屏模板库(模板编辑时)
大屏标题仅展示名称
页面名称 ▼展开 页面列表(见下节)
− / 100% / +缩小 / 显示比例 / 放大画布(方便编辑,不影响发布尺寸)
适应画布图标整页缩放进窗口
撤销 / 重做上一步 / 下一步
网格 / 吸附显示网格线;拖拽时自动对齐
保存写入服务器;改完必点
配色整页换肤(见 配色与示例数据
预览先保存,再新开预览页
发布打开发布设置
更多 ▼导入导出、版本历史、导出图片、数据源、全屏
头像当前在线协作者(多人编辑时)
主题深浅色(只影响编辑器界面)

「更多」菜单里每一项

菜单项作用
导入/导出下载 JSON 备份;或从 JSON 新建大屏,见 备份与导入
版本历史查看历史保存点,可 回滚,见 版本恢复
导出图片当前页 画布导出为图片文件
数据源跳到右侧 数据源 Tab
全屏浏览器全屏(仍是在编辑,不是预览)

页面下拉(多页大屏)

点顶栏 当前页名称 ▼

操作怎么做
切换页面直接点某一页名称
设为首页该行右侧 设为首页(预览/发布默认打开这页)
重命名重命名 → 输入名 → 确定
删除页删除(至少保留 1 页)
添加页面列表底部 添加页面

小房子 图标的页 = 首页


左栏四个 Tab

Tab干什么
组件拖拽添加;上方 收藏/最近 是快捷入口
预设你保存过的组件样式,拖出来用
素材公共图片(需权限);拖到画布变图片组件
图层所有组件列表;点名字=选中;可 锁定

收藏组件:组件名旁 星标 点亮即收藏。

折叠左栏:左栏右边缘 细条,点一下收起/展开。


中间画布

操作方法
选中左键 单击 组件
多选空白处 拖框;或 Ctrl + 单击 多个
移动选中后 拖拽
改大小选中后拖 八个控点
微调位置方向键 1px;Shift + 方向键 10px
删除选中 → Delete → 确认
复制Ctrl + CCtrl + V

对齐栏(画布上方一条)

至少选中 2 个组件 时出现 8 个图标:

左对齐、水平居中、右对齐、顶对齐、垂直居中、底对齐、水平分布、垂直分布。


右键菜单(在组件上点右键)

菜单项说明
重命名图层名称(图层面板里显示,不是业务文字)
复制复制整个组件
复制样式只复制颜色字号等样式
粘贴样式把复制的样式贴到当前组件(需先复制过)
保存为预设存成预设,左栏 预设 Tab 可用
删除删除组件(锁定的删不了)
上移/下移一层调整谁压谁
置于顶层/底层一次调到最前或最后

右栏三个 Tab

Tab什么时候用
属性选中了 某个组件
大屏设置点击画布 空白处(不要选中组件)
数据源管理 HTTP / WebSocket 接口

属性 Tab 里上面几行

  • 布局条:X、Y、宽、高、层级
  • 搜索:找表单项
  • 常用:你钉选的项
  • 内容 / 样式 / 数据 / 行为 / 高级:分段切换

组件没选中时,右栏会自动变成 大屏设置


折叠右栏

右栏左边缘 细条,点击收起/展开。宽度会记住。


和预览的区别(再强调一次)

在编辑器里在预览/发布里
拖组件、改属性不能编辑
点菜单通常 不跳页菜单、按钮、图表点击 会跳页/弹窗
图表可能不刷新接口会拉真实数据

测试交互:一定先保存 → 点预览


导出图片(当前页)

当前正在编辑的页面 导出成 PNG/JPEG,用于汇报 PPT、打印、或临时分享(不是发布链接)。

步骤

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

常见问题

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

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


相关文档

巧曦大屏搭建平台 · 联系我们