# 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目录下对应文件夹中 ```