Elementplus-components-celerity NPM

介绍

这是一个 vue3+vite+ts 创建的基于 element-plus 的二次封装组件库。

组件库包含了侧边栏容器、省市区选择、城市选择、时间选择、表单、导航菜单、弹出框表单、通知菜单、步骤、表格组件的封装。

详细的文档请点击这里

安装

npm install elementplus-components-celerity

快速开始

全量引用

//main.js
import { createApp } from 'vue';
import App from './App.vue';

import ecc from 'elementplus-components-celerity';
import 'elementplus-components-celerity/lib/style.css';

import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';
import * as ElementPlusIconsVue from '@element-plus/icons-vue';

const app = createApp(App);

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(`el-icon-${toLine(key)}`, component);
}

app.use(ElementPlus);
app.use(ecc);
app.mount('#app');

按需引用

import eccChooseCity from 'elementplus-components-celerity/lib/ecc-chooseCity';
import 'elementplus-components-celerity/lib/ecc-chooseCity/style.css';

app.use(eccChooseCity);