跳转到主要内容

使用技巧

使用设计编辑器替换图片

使用设计编辑器功能,可视化替换图片,所见即所得. 操作步骤:
  1. 点击顶部导航栏的「设计编辑器」按钮
  2. 选择要替换的图片佔位符
  3. 选择新图片完成替换
优势:
  • 可视化操作,直观明了
  • 即时预览效果
  • 不需要修改代码

使用设计编辑器快速调整样式

使用设计编辑器功能,快速调整颜色,排版,间距等样式. 可调整内容:
  • 文本内容和样式
  • 颜色和背景
  • 字体和字号
  • 间距和布局
  • 响应式设置
操作方式:
  1. 点击顶部导航栏的「设计编辑器」按钮
  2. 选择要修改的元素
  3. 直接调整属性
  4. 即时查看效果

可视化编辑的优势

可视化编辑比改代码更快更安全. 优势:
  • 速度快:直接操作,无需写代码
  • 安全性高:不会破坏现有功能
  • 即时预览:立即看到效果
  • 易于调整:可以反覆修改
适用场景:
  • 调整样式和布局
  • 修改文本内容
  • 替换图片资源
  • 优化响应式设计

问题解决

无法替换图片(使用设计编辑器方案)

问题现象:
  • 无法替换页面中的图片
  • 上传文件后无法使用
解决方案:
  1. 使用设计编辑器:点击顶部导航栏的”设计编辑器”按钮,可视化替换图片
    • 在设计编辑器中,如果选不中图片,可以右键选择正确的层级元素
    • 选择图片后,直接选择新图片完成替换