bxm-ui3

1.2.1 • Public • Published

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
后续更新中...

文档

在线文档

Package Sidebar

Install

npm i bxm-ui3

Weekly Downloads

2

Version

1.2.1

License

none

Unpacked Size

47.1 MB

Total Files

103

Last publish

Collaborators

  • heyajing