<template>
  <div>
    <button @click="showAlert">点击显示 Alert</button>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
import { Alert } from '../../tunas'

Vue.use(Alert)

export default Vue.extend({
  methods: {
    showAlert() {
      this.$alert({
        text: `
          1、设备是否断电了？<br/>
          2、设备是否距离太远了？<br/>
          3、设备是否并不支持蓝牙链路控制？<br/>
          4、设备的蓝牙是否已经与别的设备连接了？<br/>
        `,
        textAlign: 'left',
        button: '我已按下',
        onConfirm() {
          console.warn('我是confirm的callback！')
        }
      })

      // this.$alert({
      //   close: true
      // })

      // setTimeout(() => {
      //   this.$alert({
      //     close: true
      //   })
      // }, 2000)
    }
  }
})
</script>
