<template>
  <el-alert
    @close="handleClose"
    type="primary"
    v-if="visible"
    close-text="知道了">
    <span>
      选择票种：<el-tag type="warning">↑</el-tag>\<el-tag type="warning">↓</el-tag>
    </span>

    <span>
      输入数量：<el-tag type="warning">F1</el-tag>
    </span>

    <span>
      加入订单：<el-tag type="warning">Enter</el-tag>
    </span>

    <span>
      确认出票：<el-tag type="warning">Ctrl</el-tag>+<el-tag type="warning">Enter</el-tag>
    </span>

    <span>
      切换支付方式：<el-tag type="warning">PageUp</el-tag>\<el-tag type="warning">PageDown</el-tag>
    </span>

    <span>
      清空订单：<el-tag type="warning">Ctrl</el-tag>+<el-tag type="warning">Delete</el-tag>
    </span>
  </el-alert>
</template>

<script>
export default {
  data () {
    return {
      visible: this.$localStore.get('quickSupport') && !this.$localStore.get('hideNote')
    }
  },
  methods: {
    handleClose () {
      this.$localStore.set('hideNote', true)
    }
  }
}
</script>

<style lang="scss" scoped>
span{
    margin-right: 10px;
}
</style>
