bmfe-mobile-template/template/src/js/components/vonic/services/backdrop/index.js

BM 移动端模板

import Backdrop from './Backdrop'
import {createElement} from '../utils'

class VonicBackdrop {
  constructor() {
    this._vm = undefined
  }

  show(allowTouchMove) {
    if (!document.querySelector('[von-backdrop]')) {
      createElement('von-backdrop')
    }

    this._vm = new Vue(Backdrop)
    this._vm.$mount('[von-backdrop]')

    setTimeout(() => {
      this._vm.show(allowTouchMove)
    })

    return new Promise((resolve) => {
      setTimeout(() => {
        this._vm.show(allowTouchMove)
        resolve()
      })
    })
  }

  hide(allowTouchMove) {
    if (this._vm) {
      this._vm.hide(allowTouchMove).then(() => {
        this._vm.$destroy()
      })
    }
  }

  getState() {
    return this._vm ? this._vm.getState() : 0
  }
}

window.$backdrop = new VonicBackdrop()