门诊 UI 规范相关配置文件

介绍

门诊相关系统，页面的开发大部分使用 element-ui 库或在其之上进行了二次开发。为了保证不同页面，系统的组件样式、颜色、控件大小风格一致，可以通过 npm 安装此规范包，引入相应的 css，js 文件配置即可。

目前该规范引入仅支持 Vue2.X 项目使用，element-ui 目前并不支持 Vue3.X 版本。

安装

1. 通过命令 npm i clinic-ui-config 安装
2. 在项目的 main.js 或者其他你定义的入口文件中，从包中引入 css 文件和 js 文件：

import ElementUI from 'element-ui';
import 'clinic-ui-config/dist/clinic-ui.css';
import { registeConfig } from 'clinic-ui-config/dist/clinic-ui';

registeConfig(ElementUI);

css 文件对 element-ui 的部分组件的样式进行了调整，如：内外边距，按钮不同状态的颜色等。

js 文件对一些需要传值的组件进行了初始化的 props 赋值，如：弹窗的关闭方式，消息提示框的布局等。所以需要将你引入的 element-ui 当成参数传递给 registeConfig 方法。

如果安装该包后，某些地方的样式和你的预期不符，可在你项目中引入其他 css 文件对其进行覆盖。