INC UI

基于BCenter的UI组件库

npm 安装

1npm install @incubator/ui-inc
2
3npm install less less-loader -D

需要安装 less 和 less-loader

快速上手

将介绍如何使用 INC UI。

引入 INC

完整引入

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

1import Vue from 'vue';
2import vue95 from 'vue95-ui';
3import App from './App.vue';
4
5Vue.use(vue95);
6
7new Vue({
8  el: '#app',
9  render: h => h(App)
10});

以上代码便完成了 INC 的引入。

按需引入

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

1import Vue from 'vue';
2import { Button95 } from 'vue95-ui';
3import App from './App.vue';
4
5Vue.use(Button95);
6
7new Vue({
8  el: '#app',
9  render: h => h(App)
10});

完整组件列表和引入方式

1import Vue from 'vue';
2import {
3  Button95,
4  Anchor95,
5} from 'vue95-ui';
6
7Vue.use(Anchor95);
8Vue.use(Button95);