bxm-ui3

基于vue3，element-plus构造的UI组件库

安装

$ npm i bxm-ui3

引入

你可以引入整个 ElementPlus，或是根据需要仅引入部分组件。我们先介绍如何引入完整的 ElementPlus。

完整引入

在main.js中写入以下内容：

import { createApp } from 'vue'
import App from './App.vue'
import BxmUI3 from 'bxm-ui3'
import 'bxm-ui3/dist/bxm-ui3.css'

createApp(App)
  .use(BxmUI3)
  .mount('#app')

以上代码便完成了 BxmUI3 的引入。需要注意的是，样式文件需要单独引入。

按需引入

若你只希望引入部分组件，比如 Button，那么需要在 main.js 中写入以下内容：

import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import { BxmButton } from 'bxm-ui3'
import 'bxm-ui3/dist/bxm-ui3.css'

createApp(App)
  .use(ElementPlus)
  .use(BxmButton)
  .mount('#app')

需要注意的是，按需引入时需要先安装element-plus组件库，同时在main.js中引入。

目前支持的组件

组件 | 组件名 ---|--- 按钮 | bxm-button 按钮组 | bxm-button-group 下拉选 | bxm-dropdown 异常信息框 | bxm-warning-box 后续更新中...

文档

在线文档