修改你的应用
预览
在聊天旁边运行的应用：它上方的工具栏、原地修改一个词、主题、在页面和区块之间切换，以及以手机、平板或桌面尺寸查看。
预览就是你的应用，在聊天右侧运行。里面的一切都和发布后一样工作：按钮、表单、页面。
上方的工具栏
从左到右：
| 作用 | |
|---|---|
| Preview、代码图标、堆叠图标 | 应用、它的 代码，以及 概览。 |
| Edit | 点击预览中的一个词来重写它，或点击一个元素来修改它的外观。旁边的 (i) 会说明怎么做。见下文。 |
| Theme | 整个应用的颜色和字体，集中在一处。 |
| 中间的框 | 你正在查看的页面或区块。打开它可以跳转到任何其他页面或区块。它左边的箭头会重新加载预览。 |
| 带箭头的方块 | 应用发布后，打开已发布的应用。 |
| 前后箭头 | 撤销和重做。它们在第一次修改之后出现，每点击一次是一步，最多回到本次会话的开头。 |
| 尺寸菜单 | No frame、Desktop、Tablet 或 Mobile。见下文。 |
| 四个角 | 全屏，以及退出全屏。 |
| × | 关闭预览，让聊天占满整个宽度。 |
在手机上
手机一次只有放下一个窗格的空间。底部的两个按钮 Chat 和 Preview 用来在对话和你的应用之间切换。关闭预览的 × 只在较大的屏幕上才有，而分屏视图（见 代码）只在电脑上才有。
在每种尺寸下
尺寸菜单会显示应用在每种屏幕上的样子。
- No frame 占满整个面板，就像上面的图片。
- Desktop 把它放进一个浏览器窗口，顶部是它已发布的网址。
- Tablet 和 Mobile 把它放进平板或手机里，宽度和真机一样。
每个应用都为这三种尺寸而构建，并且在每次构建和每次修改之后都会按手机宽度测量。不过在这里看一眼，仍然是了解手机访客会看到什么的最快办法。
原地修改
打开 Edit 后，按钮会显示 Editing，预览不再是一个用来使用的页面，而成了一个用来修改的页面。指向一段文字，上面会出现 Edit text：点击并输入即可。点击任何元素，它会被框出轮廓，预览底部会出现一个工具栏。
| 工具 | 作用 |
|---|---|
| Edit Element | 用一句话描述对这一个元素的修改，AI 会重写它。 |
| Text | 重写文字。 |
| Background、Text color、Text style | 它的颜色，以及它文字的大小、粗细、对齐方式和外观。 |
| Opacity、Spacing | 它有多透明，以及它周围和内部的空间。 |
| Image、Video | 更换或移除它所包含的图片或视频。对于图片，Adjust size & fit 设置它如何填满自己的位置。 |
| 代码图标 | Edit code：这个元素自己的代码，显示在一个面板里，可以手动修改。 |
| Duplicate、Delete | 在它后面紧接着复制一份，或者删除它。 |
| Cancel、Save | 放弃这些修改，或把它们写入代码。 |
末尾的箭头会把工具栏收起，× 会放开这个元素。双击一个按钮，可以前往它所打开的页面。
用这些工具做的修改不消耗积分。Edit Element 由 AI 编写，所以会用掉一点，和一条聊天回复一样。对于比一个元素更大的内容，比如新的区块、表单或页面，请在聊天里提出。
Theme
Theme 把整个应用使用的颜色和字体汇集在右侧的一个面板里。改动其中一个，用到它的每个地方都会跟着变，所有页面都一样。
- Colors 列出每种颜色、它的用途，以及应用使用它的次数。点击一个色块可以选择另一种颜色。
- Fonts 列出每种字体，以及它被使用的次数。从列表中选择另一种。
预览会在你修改时显示每一处变化。Save & Apply 会把它们写入代码，Cancel 会把一切恢复原样。一次主题修改不消耗积分，它之前的版本会保存在 History 中。
撤销与 History
撤销和重做会逐步回退或前进本次会话中的修改，每点击一次是一步。更早的修改，每一次都保存在编辑器顶部的 History 中，并以它所做的事命名，你可以回到任何一个版本。回退本身也会被保存为一个版本，所以你可以再回到前面。
这个页面对你有帮助吗？