# 云泽网站综合管理平台 (yunzerwebsiteallinone) 基于 UniApp 开发的跨平台综合管理系统 ## 项目结构 ``` uniapp/ ├── pages/ # 页面目录 │ ├── login/ # 登录页 │ │ └── login.vue │ ├── dashboard/ # 仪表盘(首页) │ │ └── dashboard.vue │ ├── functions/ # 功能页 │ │ └── functions.vue │ └── mine/ # 我的页面 │ └── mine.vue ├── static/ # 静态资源 │ └── tabbar/ # TabBar 图标 ├── App.vue # 应用根组件 ├── main.js # 入口文件 ├── pages.json # 页面配置 ├── manifest.json # 应用配置 ├── uni.scss # 全局样式变量 └── index.html # H5 入口页面 ``` ## 页面说明 ### 1. 登录页 (pages/login/login.vue) - 支持验证码登录和密码登录切换 - 手机号 + 验证码 / 账号密码 双模式 - 主题色:#1989fa - 登录成功后跳转到仪表盘 ### 2. 仪表盘 (pages/dashboard/dashboard.vue) - 欢迎信息(根据时间动态显示问候语) - 数据概览卡片(访问量、用户数、订单数、收入) - 快捷操作入口 - 最近动态列表 ### 3. 功能页 (pages/functions/functions.vue) - 搜索功能 - 常用功能网格(8个快捷入口) - 管理工具列表 - 数据服务列表 - 系统工具列表 ### 4. 我的 (pages/mine/mine.vue) - 用户头像/昵称/手机号展示 - 统计数据(文章/粉丝/关注/获赞) - 订单状态入口 - 功能菜单列表 - 退出登录功能 ## TabBar 配置 底部三菜单: - 仪表盘 (首页) - 功能 - 我的 登录页不在 TabBar 中,通过页面跳转访问。 ## 开发说明 1. 使用 HBuilderX 打开本项目目录即可运行 2. 支持 H5 / 微信小程序 / APP 等多端运行 3. 主题色变量定义在 `uni.scss` 中:`$primary-color: #1989fa` ## 注意事项 - 请在 `static/tabbar/` 目录下放置 TabBar 图标(详见该目录下的 README.md) - 登录状态使用 `uni.storage` 本地存储 - 所有接口调用处标注了 TODO,需根据实际后端接口对接