wh_components/package/Loading/src/main.js

郭炜恒的vue组件库

import Vue from 'vue';
import Main from './main.vue';

const Loadingmextend = Vue.extend(Main)

let instance = []

const Loading = function(options = {}){
  if(!(options instanceof Object)) return
  options.type?'':options.type = [1,2,3,4,5][Math.floor(Math.random()*5)]
  instance.push(new Loadingmextend({
    data: options
  }))
  instance[instance.length-1].$mount();
  document.body.appendChild(instance[instance.length-1].$el);
  return instance
}

Loading.hidden = function(){
  instance[0].$el.style.opacity = '0'
  setTimeout(() => {
    document.body.removeChild(instance[0].$el)
    instance.shift()
  },300); 
}

export default Loading