Jamui NPM | npm.io

jamui

特性

9+常用组件
支持按需引入

安装

npm i jamui -S

快速上手

import Vue from 'vue';
<!-- 引入全部组件 -->
import jamui from 'jamui';
import 'jamui/lib/jamui/css/index.css';
Vue.use(jamui);


<!-- 按需引入 -->
# 安装插件
npm i babel-plugin-import -D

// .babelrc配置
{
  "plugins": [
    ["import", {
      "libraryName": "jamui",
      "libraryDirectory": "lib",
      "style": (name, file) => {
        return `${name}/style/index.css`;
      }
    }]
  ]
}

// 对于使用 babel7 的用户，可以在 babel.config.js 中配置
module.exports = {
  plugins: [
    ['import', {
      libraryName: 'jamui',
      libraryDirectory: 'lib',
      style: (name, file) => {
        return `${name}/style/index.css`;
      }
    }]
  
  ]
}

// 接着你可以在代码中直接引入 jamui 组件
import {button} from 'jamui';
Vue.use(button);

// 要在vue中this调用loading和dialog需要注册
import {loading, dialog} from 'jamui';
Vue.use({
  install(Vue) {
    Vue.prototype.jLoading = loading;
    Vue.prototype.jDialog = dialog;
  }
})