vue2.0组件库

安装

$ npm i -S hilbert-vue-ui

使用

import hilbertVue from 'hilbert-vue-ui'
import 'hilbert-vue-ui/lib/styles/hilbert-vue.css';

Vue.use(hilbertVue);

按需加载

1.手动引入

import Flow from 'hilbert-vue-ui/lib/Flow'; // 加载 JS
import 'hilbert-vue-ui/lib/styles/Flow.css'; // 加载 CSS

2.使用babel-plugin-component

// .babelrc or babel-loader option
{
  "plugins": [
    ['component', {
      'libraryName': 'hilbert-vue-ui',
      'libDir': 'lib',
      'camel2Dash': false,
      'styleLibrary': {
        'name': 'styles',
        'base': false,
        'path': '[module].css',
      },
    }],
  ]
}

然后只需引入模块即可，无需单独引入样式。等同于上面手动引入的方式。

// babel-plugin-component 会帮助你加载 JS 和 CSS
import { Flow } from 'hilbert-vue-ui'

Vue.use(Flow);

资源

组件

• Flow 与或逻辑图绘制器

  • 案例参考

• SkuChoose 商品多规格选择

  • 案例参考

• BraceEditor 基于brace的代码编辑器封装

  • 案例参考

• number-roll 数字滚动特效

  • 案例参考

• bulb-switch 灯泡开关

  • 案例参考

• multi-donut-chart 多级环图

  • 案例参考

• signature-pad 笔锋签字板

  • 案例参考