OpenAnts 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
OpenAnts 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议: 未知
开发语言: JavaScript
操作系统: 跨平台
收录时间: 2020-08-17
提 交 者: benhailong

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

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

OpenAnts 的相关博客

还没有任何博客,写博客

OpenAnts 的相关问答

还没有任何问答,马上提问

评论 (0)

加载中
更多评论
0 评论
16 收藏
分享
返回顶部
顶部