hcp_h5/src/views/success/loginSuccess.vue

<template>
  <div class="success-page">
    <van-nav-bar title="自然人开票" fixed placeholder safe-area-inset-top />

    <div class="content">
      <!-- 成功图标 -->
      <van-icon name="passed" class="success-icon" />

      <!-- 标题 -->
      <div class="title">开票申请已提交</div>

      <!-- 描述文本 -->
      <div class="desc">您无需进行其他操作，可放心关闭此页面。感谢支持!</div>
      <div class="desc">如有疑问，可致电 18813119496 咨询。</div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue'
// import { useRouter } from 'vue-router'
// const router = useRouter()

onMounted(() => {
  // 可选：例如 3 秒后自动跳转
  // setTimeout(() => router.replace('/invoice-information'), 3000)
})
</script>

<style scoped lang="scss">
.success-page {
  min-height: 100vh;
  background: #f6f7f9;
  font-family:
    -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei',
    sans-serif;
  text-align: center;

  .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20vw;
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .success-icon {
    font-size: 16vw;
    color: #0072f8; /* 微信绿 */
    margin-bottom: 6vw;
  }

  .title {
    font-size: 5vw;
    font-weight: 600;
    color: #333;
    margin-bottom: 4vw;
  }

  .desc {
    font-size: 3.8vw;
    color: #666;
    line-height: 1.8;
    text-align: center;
    width: 80vw;
  }
}
</style>