媒体库管理页面 — 布局方案
两种布局风格，选择一种作为实施方案。左侧树+网格适合图片量大的场景，全宽网格适合图片量少的场景。

方案 A：左树 + 右网格

推荐

文件夹

📁 全部资源
📂 轮播图
📂 文章插图
📂 活动图片
📂 产品图片
🌐 公开
🏞
血透中心环境.jpg
1920×1080 · 2.4MB
🌐 公开
🌿
健康宣教封面.jpg
1200×800 · 1.8MB
🏥
医生团队合照.png
2400×1600 · 3.1MB
📊
健康数据分析.png
800×600 · 0.5MB
🌐 公开
❤️
心脏健康插图.jpg
1600×1200 · 1.2MB
🩺
体检报告模板.png
1000×700 · 0.8MB
🌐 公开
🏠
机构外景.jpg
3000×2000 · 4.2MB
💊
药品展示.jpg
1200×900 · 1.5MB
特点：文件夹导航清晰，图片分类一目了然。适合图片数量多、需要分类管理的场景。与主流 CMS（WordPress、Strapi）体验一致。

方案 B：全宽网格 + 筛选条

备选
🌐 公开
🏞
血透中心环境.jpg
1920×1080 · 2.4MB
🌐 公开
🌿
健康宣教封面.jpg
1200×800 · 1.8MB
🏥
医生团队合照.png
2400×1600 · 3.1MB
📊
健康数据分析.png
800×600 · 0.5MB
🌐 公开
❤️
心脏健康插图.jpg
1600×1200 · 1.2MB
🩺
体检报告模板.png
1000×700 · 0.8MB
🌐 公开
🏠
机构外景.jpg
3000×2000 · 4.2MB
💊
药品展示.jpg
1200×900 · 1.5MB
🌐 公开
📋
健康指南封面.jpg
1400×1000 · 2.0MB
🧬
基因检测报告.png
900×600 · 0.6MB
特点：空间利用率高，展示更多图片。文件夹通过下拉筛选切换，操作路径更短。适合图片数量少、不需要频繁切换分类的场景。
选择方案 A（左树+网格）
选择方案 B（全宽网格）
轮播图管理页面
管理后台的轮播图 CRUD + 小程序预览。点击"新增轮播图"查看表单 Drawer。

轮播图管理

管理小程序访客首页轮播图，拖拽行调整展示顺序

排序 图片 标题 副标题 跳转 状态 生效时间 操作
1
🏞
 专业血透中心 三甲级医护团队全程守护 无跳转 生效中 长期
2
🌿
 智慧健康管理 AI 驱动个性化健康方案 文章 生效中 长期
3
🏥
 温馨就医环境 舒适安全的治疗体验 无跳转 生效中 长期
4
🎉
 世界肾脏日活动 3月14日线下健康讲座 外部链接 待生效 2026-03-10 ~ 2026-03-14
小程序访客首页 — 效果预览
轮播图从后台动态获取，文章列表按分类筛选展示。"核心功能"区域改为文章卡片列表。
当前效果（硬编码）
9:41

专业血透中心

三甲级医护团队全程守护

核心功能
健康数据管理
记录并追踪您的体征数据
智能预约排班
在线预约透析和治疗
AI 健康分析
个性化健康趋势解读
优化后效果（动态数据）
9:41
🏞

专业血透中心

三甲级医护团队全程守护

健康资讯
查看更多 ›
🌿

高血压患者的日常管理指南

科学控制血压，从日常生活细节做起

🩺

透析患者饮食注意事项

合理膳食是透析治疗的重要补充

💊

常见降压药物的服用须知

正确服药提高疗效，减少副作用

🧬

肾功能指标解读

教你读懂化验单上的关键数据

登录后解锁更多健康服务

新增轮播图

🏞
建议尺寸 750×360px，支持 JPG/PNG，不超过 5MB
为空则使用图片的替代文本
~
留空表示永久生效
启用