图标与图片

每个菜单项可以有一个视觉元素 — 可以是内置图标或自定义图片。每次只能使用一种，不能同时使用两种。

内置图标

图标是集成的 Remixicon 库中的矢量符号。在任何尺寸下都清晰，无需上传文件。

如何添加

1. 在编辑面板中，点击 图标 按钮。
2. 图标搜索框打开 — 输入关键词（如 home、cart、phone、search）。
3. 点击图标选择 — 预览立即显示在菜单项上。
4. 点击 × 删除当前图标。

何时使用图标

• 标签栏中的菜单项 — 图标是标记标签的标准方式。
• 当您想要简洁统一的外观时。
• 当您还没有自定义图片时。

自定义图片

使用您自己的照片、Logo 或图形代替库图标。

Starter 套餐： 不支持自定义图片 — 请使用内置图标。

选项 A — 从图库上传 (Business / Elite)

1. 点击编辑面板中的 图片 按钮。
2. 点击 图库 → 上传对话框打开。
3. 选择或上传图片（JPG、PNG、GIF）。
4. 确认 — 图片 URL 自动填写。

选项 B — 粘贴图片 URL (Elite)

1. 点击 图片 按钮。
2. 在 URL 字段中粘贴完整的图片 URL。
3. 点击 更新。

图片使用建议

• 标签栏图标使用正方形（1:1）图片。
• 大图菜单项使用横向图片。
• 透明背景的 PNG 最适合 Logo 和符号。
• 保持文件大小较小 — 大图片会减慢移动端菜单加载速度。
• Elite 自动将图片转换为 WebP 并标准化尺寸。

显示布局

添加图标或图片后，在 Layout → 显示布局 中选择图标/图片和文字的排列方式：

设置图标或图片样式

前往 Interface → 图标 / 图片样式 微调外观：

示例 — 圆形蓝色方框中的白色图标：

图标颜色:  #FFFFFF
容器:      #0066CC
内边距:    10
圆角:      50