一键式前端公共组件库说明

| 修改人 | 版本 | 修改时间 | | ------ | ------ | ---------- | | 刘畅 | V1.0.0 | 2022.09.08 | | | | |

背景

为统一管理项目前端公共组件和通用外部交互功能，缩减各个应用之间的差异，增强开发效率，避免产生不必要的问题。实现同步更新组件和功能代码，减少学习和使用成本，特制定此说明。

使用方式

本组件依赖于公共组件库，使用一下命令安装
npm install @hzwq-mob/[email protected] --registry=http://192.168.14.25:8081/repository/npm-all/ 
npm install @hzwq-mob/[email protected] --registry=http://192.168.14.25:8081/repository/npm-all/ 
npm install @hzwq-mob/hzwq-atom-indexDB --registry=http://192.168.14.25:8081/repository/npm-all/ 
npm install @hzwq-mob/hzwq-atom-tools --registry=http://192.168.14.25:8081/repository/npm-all/ 
npm install @hzwq-mob/hzwq-complex-offlineupload --registry=http://192.168.14.25:8081/repository/npm-all/ 
npm install web-thread 

//使用svn或者npm的方式安装
//使用svn下载mdrh-common放入node_modules中
//使用npm执行 npm install mdrh-common

//App.vue
@import 'mdrh-common/index.scss';

//main.js
import mdrhCommon from "mdrh-common"
Vue.prototype.$common = mdrhCommon

//pages.json
"easycom": {
	"^mdrh-(.*)": "mdrh-common/components/mdrh-$1/mdrh-$1.vue",
	"^pop-(.*)": "mdrh-common/components/pop-$1/pop-$1.vue"
}

//uni.scss
@import 'mdrh-common/theme.scss';

目录说明

| 文件夹 | 说明 | 子文件 | | ------------ | -------- | ------------------------------------------------------------ | | components | 组件库 | mdrh开头为通用功能组件，不包含样式 | | | | suit开头组件为业务UI组件 | | | | pop开头为公共弹窗组件 | | lib | 功能代码 | css 公共样式文件。common.scss公共样式，page.scss页面样式，suit.scss自适应响应样式。 | | | | js 公共功能代码。api.js外部功能封装，config.js公共配置资源，share.js公共参数获取，tool.js工具类 | | | | safe-control 安全管控相关功能 | | test | 测试代码 | 公共库单元测试代码 | | config | 打包配置 | webpack等打包配置 | | index.js | 入口文件 | 引入相关api功能入口文件，在package.json的main中声明 | | index.scss | 公共样式 | 公共样式入口文件 | | theme.scss | 主题样式 | scss主题，scss变量定义 | | package.json | 包文件 | 展示版本和依赖信息 |