2.3.24 • Published 4 years ago

@bixiao/ui v2.3.24

Weekly downloads
127
License
ISC
Repository
-
Last release
4 years ago

@bixiao/ui

TODO: 必效项目 UI库

Usage

yarn 安装

推荐使用 yarn 的方式安装,它能更好地和 webpack 打包工具配合使用。

yarn add @bixiao/ui -S

引入 @bixiao/ui

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

完整引入

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

import Vue from 'vue';
import TlUi from '@bixiao/ui';
import 'tl-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(TlUi);

new Vue({
    el: '#app',
    render: h => h(App)
});

以上代码便完成了 @bixiao/ui 的引入。需要注意的是,样式文件需要单独引入。

按需引入

借助 babel-plugin-component,我们可以只引入需要的组件,以达到减小项目体积的目的。

首先,安装 babel-plugin-component:

npm install babel-plugin-component -D

然后,将 .babelrc 修改为:

{
  "presets": [
    [
      "es2015",
      {
        "modules": false
      }
    ]
  ],
  "plugins": [
    [
      "component",
      {
        "libraryName": "@bixiao/ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

接下来,如果你只希望引入部分组件,比如 Button 和 Select,那么需要在 main.js 中写入以下内容:

import Vue from 'vue';
import {Popover, SearchSelect} from '@bixiao/ui';
import App from './App.vue';

Vue.component(Popover.name, Popover);
Vue.component(SearchSelect.name, SearchSelect);
/* 或写为
 * Vue.use(Popover)
 * Vue.use(SearchSelect)
 */

new Vue({
    el: '#app',
    render: h => h(App)
});

完整组件列表和引入方式(完整组件列表以 components.json 为准)

import Vue from 'vue';
import {
    Avatar,             // 头像
    ContactCustomer,    // 联系客户
    Dialog,             // 对话框
    // DateTimePicker,     // 时间日期选择器(不可用🚫)
    GuideTour,          // 全局引导
    Image,              // 图片
    InputNumber,        // 数字输入框
    InviteMembers,      // 邀请对话框
    LoginSwitch,        // 登录切换框
    // MessageBox,         // 消息通知(不可用🚫)
    Pagination,         // 分页器
    Popover,            // 弹出框
    SearchSelect,       // 弹出与对话框选择器
    Upload,             // 上传
} from '@bixiao/ui';
2.3.24

4 years ago

2.3.23

4 years ago

2.3.22

4 years ago

2.3.20

4 years ago

2.3.19

4 years ago

2.3.18

4 years ago

2.3.17

4 years ago

2.3.16

4 years ago

2.3.15

4 years ago

2.3.14

4 years ago

2.3.13

4 years ago

2.3.12

4 years ago

2.3.11

4 years ago

2.3.10

4 years ago

2.3.9

4 years ago

2.3.8

4 years ago

2.3.6

4 years ago

2.3.7

4 years ago

2.3.4

4 years ago

2.3.3

4 years ago

2.3.5

4 years ago

2.3.0

4 years ago

2.3.2

4 years ago

2.3.1

4 years ago

2.2.11

4 years ago

2.2.10

4 years ago

2.2.9

4 years ago

2.2.8

4 years ago

2.2.7

4 years ago

2.2.6

5 years ago

2.2.4

5 years ago

2.2.3

5 years ago

2.2.2

5 years ago

2.2.1

5 years ago

2.2.0

5 years ago

2.1.28

5 years ago

2.1.29

5 years ago

2.1.27

5 years ago

2.1.25

5 years ago

2.1.24

5 years ago

2.1.23

5 years ago

2.1.22

5 years ago

2.1.21

5 years ago

2.1.20

5 years ago

2.1.19

5 years ago

2.1.18

5 years ago

2.1.17

5 years ago

2.1.16

5 years ago

2.1.15

5 years ago

2.1.14

5 years ago

2.1.13

5 years ago

2.1.9

5 years ago

2.1.12

5 years ago

2.1.10

5 years ago

2.1.11

5 years ago

2.1.8

5 years ago

2.1.7

5 years ago

2.1.6

5 years ago

2.1.5

5 years ago

2.1.4

5 years ago

2.1.2

5 years ago

2.1.1

5 years ago

2.1.3

5 years ago

2.1.0

5 years ago

2.0.48

5 years ago

2.0.47

5 years ago

2.0.46

5 years ago

2.0.45

5 years ago

2.0.44

5 years ago

2.0.43

5 years ago

2.0.42

5 years ago

2.0.43-alpha.0

5 years ago

2.0.41

5 years ago

2.0.40

5 years ago

2.0.39

5 years ago

2.0.38

5 years ago

2.0.37

5 years ago

2.0.35

5 years ago

2.0.36

5 years ago

2.0.34

5 years ago

2.0.33

5 years ago

2.0.32

5 years ago

2.0.31

5 years ago

2.0.28

5 years ago

2.0.29

5 years ago

2.0.30

5 years ago

2.0.27

5 years ago

2.0.26

5 years ago

2.0.25

5 years ago

2.0.24

5 years ago

2.0.22

5 years ago

2.0.19

5 years ago

2.0.20

5 years ago

2.0.21

5 years ago

2.0.17

5 years ago

2.0.18

5 years ago

2.0.15

5 years ago

2.0.16

5 years ago

2.0.13

5 years ago

2.0.14

5 years ago

2.0.12

5 years ago

2.0.11

5 years ago

2.0.10

5 years ago

2.0.9

5 years ago

2.0.8

5 years ago

2.0.7

5 years ago

2.0.6

5 years ago

2.0.5

5 years ago

2.0.3

5 years ago

2.0.2

5 years ago

2.0.4

5 years ago

2.0.1

5 years ago

1.2.21

5 years ago

1.2.20

5 years ago

1.2.19

5 years ago

1.2.18

5 years ago

1.2.17

5 years ago

1.2.16

5 years ago

1.2.15

5 years ago

1.2.8

5 years ago

1.2.7

5 years ago

1.2.6

5 years ago

0.0.2

5 years ago

0.0.1

5 years ago