xbl-ui

此项目为小伴龙 B 端管理后台的ui组件项目

项目技术栈为 vue + typescript进行开发

安装

npm install @xbl-ui/xbl-ui --save

快速上手

// main.js （入口文件）
import "@xbl-ui/xbl-ui/lib/xbl-ui.css";
import xblUI from 'iview';
Vue.use(xblUI)

目前已有组件

    <!-- button组件 -->
    <x-button></x-button>
    <!-- input组件 -->
    <x-input></x-input>

按需加载

1. 安装依赖 babel-plugin-import

npm install babel-plugin-import --save-dev

// .babelrc
{
  "plugins": [["import", {
    "libraryName": "@xbl-ui/xbl-ui",
    "libraryDirectory": "src/components"
  }]]
}

2. 引用方式

import "@xbl-ui/xbl-ui/lib/xbl-ui.css";
import { xButton, xInput } from "@xbl-ui/xbl-ui";

Vue.component("x-button", xButton);
Vue.component("x-input", xInput);