%20(2).svg)
项目简介
本项目是基于Vue和Ant Design Vue的医疗行业专用UI组件库。它继承了Ant Design Vue的设计风格，进行二次开发后，为开发者提供一系列针对医疗行业需求的组件，能助力开发者快速构建美观、易用的医疗应用界面。
项目的主要特性和功能
主要特性
- 组件设计简洁，API易于使用，开发者可快速上手项目。
- 专为医疗行业定制，提供医疗表单、医疗卡片等特定组件。
- 依托Ant Design Vue，拥有丰富组件库与优美设计。
功能组件
- MedSRadio：单选框组件（完善中）。
- MedSCheckbox：复选框组件（完善中）。
- MedSForm：医疗行业专用表单，已初步实现功能。
- MedSCard：模块卡片组件。
- MedSSticker：展示卡片组件。
安装使用步骤
步骤1：安装前置依赖和medical-ui库
使用npm安装：
bash
npm i ant-design-vue medical-ui
或者使用yarn安装：
bash
yarn add ant-design-vue medical-ui
步骤2：引入medical-ui库
在项目的main.js文件中引入并注册到Vue实例：
js
import MedicalUI from 'medical-ui';
import 'medical-ui/lib/medical-ui.css';
Vue.use(MedicalUI);
也可按需引入组件：
js
import { MedButton } from 'medical-ui';
import 'medical-ui/lib/MedButton/style/index.less';
步骤3：使用medical-ui组件
在Vue组件中使用，例如MedButton：
```js
```
步骤4：配置主题色（可选）
若需修改主题色，在vue.config.js中配置：
```js
const ThemeColorReplacer = require('webpack-theme-color-replacer');
function getAntdSerials(color) { var lightens = new Array(9).fill().map((t, i) => { return ThemeColorReplacer.varyColor.lighten(color, i / 10); }); var darkens = new Array(6).fill().map((t, i) => { return ThemeColorReplacer.varyColor.darken(color, i / 10); }); return lightens.concat(darkens); }
module.exports = { configureWebpack: { plugins: [ new ThemeColorReplacer({ fileName: 'css/theme-colors.css', matchColors: getAntdSerials('#17509d') }) ] } }; ```
文档地址：文档（持续更新中）
下载地址
点击下载 【提取码: 4003】