# hscloud-c39-ui-business

## Docs

### 项目开发框架
项目主框架 [UniApp](https://uniapp.dcloud.io/)

```
uview    组件库 
scss     css编译器
```
### 项目运行

```
HbuilderX 运行-运行到微信开发者工具
```

### 项目代码结构
```
├── .hbuilderx           用于调试的配置文件

├── uni_modules          主包中插件放置目录（可调用现有的插件，勿添加，新增加的插件请放置到packageA目录下对应文件夹中）	
						
├── api                  主包的接口文件(可使用，勿添加)
    
├── components           公共全局组件文件(无需引入可使用，勿添加，需要添加请放置到对应packageA目录下对应文件夹中)
├───────── bgImg                 顶部背景组件
├───────── tabbar                首页底部菜单栏
├───────── water                 水印组件组件
├───────── bgImg                 顶部背景组件

├── pages                主包页面
├───────── login                登录页
├───────── home                 首页

├── packageA             A当前负责页面文件夹(命名规则须以package开头，菜单相关英文名称结尾，路由建立在subPackages中)
├───────── api                  当前模块的接口文件(可添加)
├───────── components           新增加的插件，公共组件文件放置
├───────── pages 				页面文件（当前板块）
├───────── static 				公共资源文件（当前板块）
├───────── stores 				pinia状态管理库（当前板块）
├───────── service 				公共js文件（当前板块）

├── service              公共的js文件（可使用，勿修改，需要添加请放置到对应packageA目录下对应文件夹中）
├───────── navigation           路由的跳转方式（可使用，勿修改）
├───────── request 				调用api对应的工具类文件（可使用，勿修改）
├───────── storage 				数据缓存相关的工具类（可使用，勿修改）
├───────── stores 				pinia状态管理库（可使用，勿修改）

├── static               静态资源 (可使用，勿添加，额外的图片添加请放置到对应packageA目录下对应文件夹中)

├── stores               使用pinia状态管理库(勿动，需要添加请放置到对应packageA目录下对应文件夹中)

├── app.vue              项目入口文件（勿动）

├── main.js              项目核心文件（勿动）

├── manifest.json        项目基础配置文件（勿动）

├── pages.json           项目路由配置文件（对应的页面添加到subPackages中，以分包的形式创建）

├── .gitignore           忽略编译生成的中间文件（勿动）

├── package.json         项目描述文件（勿动）

├── README.md            项目说明文档 （勿动） 

└──  uni.scss            常用样式变量  （勿动）  
        
```

### 整体风格与色彩规范
```
1.表头颜色: #5497D5
2.表格背景颜色: #F5FCFF
3.表格字体大小28rpx
4.表格绿色字体颜色：#26B86B，红色字体颜色：red            
```

### 组件规范
```
Ui组件库：uview-plus+ uni-ui+uCharts
1.标题栏: uni-section字体加粗
2.导航栏插件: pyh-nv 
3.环形进度条插件：zui-progress-circle   
4.水印插件：zmm-watermark
已有插件见uni_modules，readme文件中插件详情
```


### 图片与图标规范
```
● 图片大小限制：资源文件放置到对应packageA目录下对应文件夹中     
```