OpenAnts基于 ElementUI 的 VUE 组件库

OpenAnts 是基于 ElementUI 的 VUE 组件库。

截图

安装

npm install openants -S

or

yarn add openants

快速开始

OpenAnts组件是基于Element开发，所以在你安装安装OpenAnts我们将自动帮你安装ElementUI，而无需你自己安装，我们建议elementUI全局引入！

全局使用OpenAnts

main.js中的配置

import Vue from 'vue';

import ElementUI from 'element-ui';   // 需要引入 element-ui

import 'element-ui/lib/theme-chalk/index.css';  // 需要引入 element-ui 的主题文件

import OpenAnts from 'openants';   // 需要引入 OpenAnts

import "openants/lib/openants.css";   // 需要引入 OpenAnts 的 css文件

import App from './App.vue';



Vue.use(ElementUI);  // 将 ElementUI 组件注册到VUE

Vue.use(OpenAnts);  // 将 ElementUI OpenAnts



new Vue({

  el: '#app',

  render: h => h(App)

});

按需使用OpenAnts

main.js中的配置

import Vue from 'vue';

import ElementUI from 'element-ui';   // 需要引入 element-ui

import 'element-ui/lib/theme-chalk/index.css';  // 需要引入 element-ui 的主题文件

import {btn,xxx} from 'openants';   // 需要引入 OpenAnts

import "openants/lib/openants.css";   // 需要引入 OpenAnts 的 css文件

import App from './App.vue';



Vue.use(ElementUI);  // 将 ElementUI 组件注册到VUE

Vue.component(btn.name, btn);

Vue.component(xxx.name, xxx);

/* 或写为

 * Vue.use(btn)

 * Vue.use(xxx)

 */



new Vue({

  el: '#app',

  render: h => h(App)

});

完整教程

http://docs.unpor.com/docs/openants_for_vue/openants_for_vue-1c9f9qf36cnl9