操作入口:后台 > 系统管理 > 首页轮播图
登录后台管理系统,在左侧菜单中点击「首页轮播图」进入管理页面。
当前页面显示轮播图列表
点击页面上的「添加轮播图」按钮,在弹出的表单中填写以下信息:
在轮播图列表中,找到需要编辑的轮播图,点击右侧的「编辑」按钮,即可进入编辑模式修改各项信息。
| ID | 图片预览 | 标题 | 排序 | 状态 | 操作 |
|---|---|---|---|---|---|
| 1 | 轮播图1 |
春季促销活动 | 0 | 启用 | 编辑 删除 |
| 2 | 轮播图2 |
新品发布 | 1 | 启用 | 编辑 删除 |
在轮播图列表中,点击需要删除的轮播图右侧的「删除」按钮,系统会弹出确认对话框,确认后才会执行删除操作。
| ID | 图片预览 | 标题 | 排序 | 状态 | 操作 |
|---|---|---|---|---|---|
| 1 | 轮播图1 |
春季促销活动 | 0 | 启用 | 编辑 删除 |
轮播图的显示顺序由「排序值」决定,排序值越小越靠前显示。
| ID | 标题 | 排序值 | 显示位置 |
|---|---|---|---|
| 1 | 春季促销活动 | 0 | 第 1 个显示 |
| 2 | 新品发布 | 1 | 第 2 个显示 |
| 3 | 关于我们 | 2 | 第 3 个显示 |
每条轮播图都可以单独设置启用或禁用状态。禁用后该轮播图不会在前台显示,但数据仍保留在后台,方便随时重新启用。
| ID | 标题 | 状态 |
|---|---|---|
| 1 | 春季促销活动 | 启用 |
| 3 | 关于我们 | 禁用 |
| 项目 | 建议值 | 说明 |
|---|---|---|
| 图片尺寸 | 1920 × 500px | 适配主流显示器宽度 |
| 图片格式 | JPG / PNG | JPG适合照片类,PNG适合含文字或透明背景 |
| 文件大小 | < 500KB | 过大会影响首页加载速度 |
| 安全区域 | 中间 1200px | 重要文字和按钮放在中间1200px范围内,避免被裁切 |
