生成后直接编辑页面元素
在秒哒编辑器中打开已生成的应用,鼠标悬停在任意文字块或按钮上,你会看到蓝色边框和编辑光标出现——这就是“可编辑”的信号。直接点击就能修改内容,比如把“立即体验”改成“马上试用”,就像用Word改标题一样简单,无需切换任何模式或进入特殊编辑状态。
不过要特别留意:所有组件默认自带基础交互逻辑,例如按钮点击跳转。修改文字时,千万不要删除组件自带的 class 名或 data-id 属性,否则可能破坏预设行为,导致预览时功能失效。
调整布局与样式
调整布局有三种方式,按需选择即可。
方法一:拖拽重排
选中一个模块(比如轮播图区域),按住鼠标左键拖动到新位置,松手即生效。拖动过程中还会显示灰色占位提示线,对齐时自动吸附,对新手非常友好。
方法二:精准控制尺寸与间距
在右侧属性面板中,点击“布局”标签,手动输入宽度、高度、内边距数值。如果需要响应式适配,勾选“移动端同步调整”,否则修改只影响当前视图尺寸。
方法三:批量改色
按住 Ctrl 键(Windows)或 Command 键(Mac),依次点击多个按钮或标题文字,然后在右侧颜色面板中统一设置填充色或字体色,一次生效全部选中项。这个功能在统一视觉风格时特别实用。
替换图片与图标
操作路径很清晰:点击图片组件,在右侧属性栏找到“图片源”选项;点击“上传本地文件”或粘贴图片 URL;上传成功后,系统会自动保持原始宽高比并适配容器。如果需要裁剪,点击图片右下角的“编辑”小图标,进入裁剪界面,拖动边框调整取景范围,确认保存即可。
这里有个小提醒:上传 PNG 透明背景图时,务必确认原图本身带 Alpha 通道,否则导入后白底无法去除。
增删页面与模块
在左侧导航栏点击“页面管理”,能看到当前应用所有页面缩略图。点击右上角“+ 新建页面”,输入名称并选择模板类型(空白页/复制当前页/从组件库添加),就能新增页面。
回到画布,将左侧“组件库”中的轮播图、表单、卡片等模块直接拖入画布任意位置,松手即插入。删除模块也很简单:选中后按键盘 Delete 键,或点击模块右上角的垃圾桶图标。
总的来说,秒哒AI的模板编辑理念就是“所见即所得”——所有操作都直观、直接,无需绕弯子。从文案到图片,从布局到配色,都能在生成后灵活调整,这才是真正可用的项目。
