/acel-ui

这是基于vue的插件库

Primary LanguageVue

aceUI

这是基于vuejs封装的适用移动端的自义定插件,组件。方便使用,包括alert弹出框,confirm弹出框,toast提示框,loading,轮播图,下拉加载更多,上拉刷新,常规按钮。支持常规加载和按需加载

Install

npm i acelUI  --save
cnpm i acelUI  --save //国内npm

Quick Start Usage

//main.js中常规引入
import acelUI from 'acel-ui';
Vue.use(acelUI);

// 按需引用

import {Confirm, Message, Loading, Btn} from 'acelUI';

Vue.use(Confirm);
Vue.use(Btn);


this.$confirm({
  content: '确定要删除数据?',   // 提示内容
  okBtnText: '确定',            // 确定按钮的文本
  cancelBtnText: '取消',        // 取消按钮的文本
  confirm: null,                // 确定后的回调
  cancel: null                  // 取消后的回调
})


this.$message({
  content: '确定要删除数据?',     // 提示内容
  btnText: '确定',                // 确定按钮的文本
  confirm: null                   // 确定后的回调
});


this.$loading({
  loadingText: '加载中...',       // 提示内容
  time: null                      // 自动关闭时间
});


<ace-btn text="按钮文本" @click.native="handleFn" type="primary" />

text:   String     按钮文本
type:   String     按钮的类型,primary,default,danger
plain: Boolean    是否镂空,默认是false,