<!-- 修改密码 -->
<!-- 修改密码 -->
<template>
  <div>
    <el-dialog v-model="dialogVisible" width="560" alignCenter draggable appendToBody destroyOnClose :lockScroll="false" :closeOnClickModal="false">
      <template #header>
        <h3>关于我们</h3>
      </template>
      <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 20px; margin-top: 15px">
        <div style="margin-bottom: 10px">
          <el-image :src="wechatQRCodeImg" style="width: 400px; height: 400px"></el-image>
        </div>
        <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; width: 300px; text-align: center">
          <span style="line-height: 1.8">若您忘记密码需要帮助，请添加工作人员微信, 我们将在24小时内回复您</span>
        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script setup lang="ts">
  import wechatQRCodeImg from '@/assets/images/website/wechat_qr_code.png';
  import { ref } from 'vue';

  const dialogVisible = ref(false);

  /**
   * 显示
   */
  function show() {
    dialogVisible.value = true;
  }

  /**
   * 隐藏
   */
  function hide() {
    dialogVisible.value = false;
  }

  defineExpose({ show, hide });
</script>
