外观
在手机上编辑
手机编辑器可以完成编写、预览、素材管理和保存。代码区域延伸到屏幕边缘,顶部导航与底部浮动控件为操作保留空间。
常用操作
| 操作 | 作用 | 什么时候使用 |
|---|---|---|
| 顶部名称 | 修改仪表名称 | 保存前区分自己的多个作品 |
| 保存 | 编译并保存当前草稿 | 预览检查完成后 |
| 素材入口 | 打开素材管理,或在键盘上方展开素材快捷栏 | 插入本地素材标记 |
| 电脑图标 | 开启远程编辑连接 | 需要大屏幕和实体键盘时 |
| 预览图标 | 查看不同尺寸和外观 | 每完成一段修改后 |
| 收键盘按钮 | 隐藏输入键盘 | 恢复底部完整操作区 |
输入代码时的快捷栏
键盘打开后,底部显示可横向滚动的符号行,包括 { } [ ] ( ) < > / . $ ? = '。点击符号会插入光标所在位置,不会让编辑器失去焦点。
有素材时,素材入口可以展开为快捷栏,点击一个素材会插入它的源码标记;通过左箭头收起后回到符号行。没有素材时,键盘上的素材按钮隐藏,把空间留给符号。需要新增素材时,先收起键盘,再打开素材管理。
素材快捷栏和符号行保留各自的滚动位置。当前只支持图片素材,界面仍统一称“素材”。
自动补全与语法提示
输入组件名、属性、$data.current. 或 $env. 时,可以查看编辑器提供的补全建议。它能帮助确认字段拼写,但并不代替预览验证。
- 红色标记通常是语法错误,例如括号未闭合、JSX 标签未闭合。
- 一段合法 JavaScript 仍可能在运行时出错,例如对
null调用toFixed()。 - 一段能够运行的代码仍可能布局不合适,例如固定 400 点宽的内容放不进小卡片。
建议按“语法 → 运行 → 视觉”的顺序排查。
草稿的使用习惯
- 较大的修改前,可以先复制一个已有仪表,保留原版。
- App 的“保存”会同步尚未提交的编辑文本,再编译当前草稿。
- 远程浏览器中的保存快捷键只同步草稿;最终发布仍以 App 内“保存”为准。
- 不要依赖关闭页面后还能找回未保存内容。需要保留作品时,请完成保存或导出。