1.0.1 • Published 3 years ago

@doctorwork/clinic-ui-config v1.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

门诊 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 文件对其进行覆盖。