更新记录

v 1.0.0（2026-07-28） 下载此版本

v1.0.0（当前版本）

平台兼容性

uni-app(5.15)

其他

uni-admin Modern UI

基于 DCloud 官方 uni-admin 二次开发的现代化管理后台模板。浅色/暗色双主题，CSS Variables 驱动，开箱即用。

预览

特性

• 双主题 — 暖白浅色 + 毛玻璃暗色，支持跟随系统
• CSS Variables — 全部颜色走语义化 Token，一键切换
• 6 个通用组件 — app-card / app-stat-card / app-empty / app-skeleton / app-toast / app-badge
• 布局重构 — 紧凑顶栏 56px、侧栏 36px、仪表盘概览区
• 内置 AI 开发文档 — 适配 Cursor / Claude 等 AI 编码工具

使用方式

方式一：HBuilderX 导入

1. 打开 HBuilderX → 点击顶部菜单 工具 → 插件安装 → 已安装插件中搜索本模板
2. 或直接从插件市场导入：创建项目时选择 uni-admin Modern UI 模板
3. 关联 uniCloud 云空间
4. 上传部署云函数
5. 运行到浏览器或模拟器

方式二：手动导入

1. 下载插件包并解压
2. 在 HBuilderX 中打开项目文件夹
3. 右键项目 → 关联云服务空间 → 选择或创建你的 uniCloud 空间
4. 右键 uniCloud-alipay/cloudfunctions/ → 上传所有云函数
5. 运行到浏览器

环境要求

• HBuilderX 3.6.0+
• uni-app 4.36+
• uniCloud 云空间（阿里云或腾讯云）

目录结构

├── App.vue                    # 应用入口
├── main.js                    # Vue 实例
├── uni.scss                   # 全局 SCSS 变量
├── admin.config.js            # 中心配置（URL、菜单）
├── pages.json                 # 路由 + 窗口布局
├── styles/design-system/      # 设计系统 Token（_tokens / _themes / _base）
├── components/                # 通用组件（app-card / app-badge 等）
├── windows/                   # 布局窗口（topWindow / leftWindow）
├── pages/                     # 页面（index / system / demo）
├── store/                     # Vuex 状态管理
├── i18n/                      # 国际化（简中 / 繁中 / 英文）
├── js_sdk/                    # SDK 模块
└── uniCloud-alipay/           # 云函数与数据库

主题自定义

编辑 styles/design-system/_themes.scss 中的 CSS Variables 即可修改色板。浅色和暗色独立配置，保存后自动生效。

更新日志

见 changelog.md

许可证

MIT License