<template lang="html">
  <div class="">
    <confirm
    :title="title"
    :value="show"
    :left_text="left_text"
    :right_text="right_text"
    @on-cancel="onCancel"
    @on-confirm="onConfirm"
    @on-show="onShow"
    @on-hide="onHide">
    自定义插入内容
  </confirm>
  <group>
    <x-switch title="测试开关" v-model="show"></x-switch>
  </group>
  </div>
</template>

<script>
import confirm from 'components/confirm/index'
import { Group, XSwitch } from 'vux'

export default {
  components: { confirm, Group, XSwitch },
  data () {
    return {
      title: '温馨提示',
      left_text: '下一步',
      right_text: '继续',
      show: false
    }
  },
  mounted () {
  },
  methods: {
    onCancel () {
      console.warn('on-cancel');
    },
    onConfirm (msg) {
      console.warn('on-confirm', msg);
    },
    onHide () {
      console.warn('on-hide');
    },
    onShow () {
      console.warn('on-show');
    }
  }
}
</script>

<style lang="less">
</style>