vue-mini-ui-yx
Version:
一个简单的vue基础组件
44 lines (38 loc) • 1.46 kB
Markdown
#### 一个vue的基础自建库
##### npm install 'vue-mini-ui-yx' --save
##### import Vue from 'vue';
##### import App from './App.vue';
##### import VueMiniUiYx from 'vue-mini-ui-yx';
##### Vue.use(VueMiniUiYx);
##### new Vue({
##### el:'#root',
##### render:(h) => h(App)
##### })
#### 目前支持4个组件 有需要再加
### 组件中调用 confirm
##### this.$confirm({
##### content:'这是内容',
##### confirmBtnText:'按钮文字', // 默认确定
##### cancelBtnText:'按钮文字', //默认取消
##### isShowClose:true, // 是否显示关闭的icon 默认不显示
##### zindex:100, //默认 1
##### confirmFn:()=>{console.log("确定")},
##### cancelFn:()=>{console.log('取消')}
##### });
##### 可以都不传选择默认 必须 this.$confirm({})
### 组件中调用 alert
##### this.$alert({
##### content:'这是内容',
##### confirmBtnText:'确定',
##### isShowClose:true, // 是否显示关闭的icon 默认不显示
##### zindex:100,
##### confirmFn:()=>{console.log("确定")},
##### });
##### 可以都不传选择默认 必须 this.$alert({})
### 组件中调用 toast
##### 支持3个参数 1 内容 2 时长默认1500 3 zindex 默认1
##### this.$toast('toast内容', 2000, 100)
### 组件中调用 loading
##### 支持个参数 1 内容 2 zindex 默认1
##### this.$loadingShow('loading内容',100)
##### 关闭loading this.$loadingHide()