修改首页图片样式

This commit is contained in:
sangchengzhi
2026-01-06 17:01:32 +08:00
parent 90fab46de7
commit cc8c7e34c9
5 changed files with 82 additions and 170 deletions

106
README.md
View File

@@ -1,37 +1,85 @@
# 九聚-h5挂号-前端
# 九聚-宁夏武警公众号前端页面
#### 介绍
九聚-h5挂号-前端
## 项目介绍
本项目是九聚-宁夏武警公众号的前端页面基于Vue.js框架开发提供了面向用户的医疗服务功能包括预约挂号、缴费、报告查询、健康管理等多种功能模块。
#### 软件架构
软件架构说明
## 技术栈
- **前端框架**: Vue.js 2.6.11
- **UI组件库**: Vant 2.12.48
- **路由管理**: Vue Router 3.2.0
- **状态管理**: Vuex 3.4.0
- **HTTP请求**: Vue Resource 1.5.1
- **图表库**: ECharts 6.0.0
- **地图服务**: Vue AMAP 0.5.10
- **文档处理**: pdfh5 1.4.7, vue-pdf 4.3.0
- **富文本编辑器**: Quill 1.3.6
- **二维码生成**: vue-qr 2.5.0
- **构建工具**: Vue CLI 4.4.0
## 功能模块
### 核心功能
- **预约挂号**: 提供科室选择、医生预约、挂号记录查询等功能
- **门诊缴费**: 支持在线缴费、缴费记录查询
- **报告查询**: 检验报告、检查报告的在线查询
- **住院管理**: 住院费用查询、日清单查看
- **健康体检**: 体检预约、体检报告查询
- **个人中心**: 用户信息管理、家庭成员管理、就诊记录查询
### 辅助功能
- **医院导航**: 医院信息、科室介绍、医生信息查询
- **智能导诊**: 症状自查、疾病查询
- **消息中心**: 系统通知、就诊提醒
- **意见反馈**: 用户建议与反馈
## 项目结构
```
src/
├── assets/ # 静态资源文件(图片等)
├── components/ # 公共组件
├── css/ # 全局样式
├── request/ # API请求配置
├── router/ # 路由配置
├── store/ # Vuex状态管理
├── utils/ # 工具函数
├── views/ # 页面组件
├── App.vue # 根组件
└── main.js # 入口文件
```
## 安装与运行
### 环境要求
- Node.js 14.x 或更高版本
- Yarn 或 npm
### 安装依赖
```bash
yarn install
npm install
```
#### 安装教程
### 生产环境构建
```bash
npm run build
```
1. xxxx
2. xxxx
3. xxxx
## 注意事项
1. 项目基于微信公众号开发,需要在微信环境中测试部分功能
2. 图片资源已进行优化处理,提高页面加载速度
3. 部分功能需要后端API支持请确保API服务正常运行
4. 构建时会自动进行资源压缩和代码分割,优化前端性能
#### 使用说明
## API接口
项目使用以下API接口示例
```javascript
// API基础地址
Vue.prototype.httpurl = "https://nxwj.btlsoln.com/nxgzh";
```
1. xxxx
2. xxxx
3. xxxx
## 开发
九聚科技开发团队-桑
#### 参与贡献
1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request
#### 特技
1. 使用 Readme\_XXX.md 来支持不同的语言,例如 Readme\_en.md, Readme\_zh.md
2. Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目,是综合评定出的优秀开源项目
5. Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
## 许可证
MIT License