fin-element-ui-pro

一个基于 Vue2 和 Element UI 封装的企业级公共组件库，扩展了常用的 UI 组件、ECharts 封装组件。

简介

fin-element-ui-pro 是一个面向中后台管理系统的企业级 Vue 组件库，它在 Element UI 的基础上进行了二次封装，提供了更加易用和统一的组件接口。该组件库包含了多个层级的组件：

• 基础 UI 组件（基于 Element UI 扩展）
• 自定义 CSS 组件
• ECharts 图表组件封装

安装

npm install @fin-starter/element-ui-pro

使用方式

完整引入

import Vue from 'vue';
import ElementUIPro from '@fin-starter/element-ui-pro';
import '@fin-starter/element-ui-pro/dist/index.css';

Vue.use(ElementUIPro);

按需引入

import { ProButton, ProTable } from '@fin-starter/element-ui-pro';
import '@fin-starter/element-ui-pro/dist/index.css';

Vue.component('pro-button', ProButton);
Vue.component('pro-table', ProTable);

浏览器直接引入

<!-- 引入样式 -->
<link rel="stylesheet" href="path/to/index.css" />
<!-- 引入组件库 -->
<script src="path/to/index.umd.js"></script>

组件列表

Element UI 扩展组件

• ProButton: 按钮

• ProDialog: 对话框

• ProForm: 表单

• ProDateTimePicker: 日期时间选择器

• ProInput: 输入框

• ProSelect: 选择器

• ProTable: 表格

• ProDesc: 描述表格

• ProImage: 图片

• ProText: 文本

• ProPage: 高级页面

echarts 组件

• ProPie: 饼图
• ProGauge: 仪表盘

浏览器兼容性

支持所有现代浏览器以及 Internet Explorer 11+

依赖要求

• vue: ^2.6.0
• element-ui: ^2.15.0
• echarts: ^6.0.0

许可证

MIT

有关自定义配置，请参阅 Vue CLI 配置参考。