<template>
    <v-row justify="center">
      <v-dialog
        v-model="show"
        persistent
        :width="option.width"
      >
        <v-card>
          <v-card-title class="text-h5">
            {{ title }}
          </v-card-title>
          <v-card-text>{{ msg }}</v-card-text>
          <v-card-actions>
            <v-spacer></v-spacer>
            <v-btn
              color="darken-1"
              text
              @click="cancel"
            >
              {{ option.cancelText }}
            </v-btn>
            <v-btn
              color="green darken-1"
              text
              @click="sure"
            >
              {{ option.confirmText }}
            </v-btn>
          </v-card-actions>
        </v-card>
      </v-dialog>
    </v-row>
</template>

<script>
export default {
  name: 'confirm-page',
  data () {
    return {
      show: false,
      msg: '',
      title: '消息',
      option: {
        width: 350,
        confirmText: '确认',
        cancelText: '取消'
      }
    }
  },
  methods: {
    sure () {},
    cancel () {}
  }
}
</script>

<style lang="scss" scoped>

</style>
