vue-dialog-loading

A light vue dialog plugin with loading animation and image preview

Install

npm install --save vue-dialog-loading

Quick Start

import Dialog from 'vue-dialog-loading'
//global config
Vue.use(Dialog, {
 dialogBtnColor: '#0f0',
 background:'rgba(0, 0, 0, 0.5)'
})

this.$dialog({
 title: 'title',
 content: 'some information',
 // background:'rgba(0,0,0, 0.5)',
 delay: 3000, //options, close after 3s
 btns: [{
 label: 'OK',
 color: '#09f',
 },
 {
 label: 'Cancel',
 color: '#444',
 ghost: true,
 callback: () => {
 window.alert('onOk callback')
 },
 }],
})
this.$loading.show({delay:0, background: '#444'}) //delay 0ms, default is 300ms
this.$loading.hide()
//Loading Components:
<LoadingCom/>
//preview image, support double touch to scale 2.0 and touch drag
this.$ImagePreview.show(imgUrl)