<template>
  <!-- <div class="test-center"> -->
    <div class="test-submit">
      <div class="content-group">
        <img :src="submit" alt="" />
        <h2>提交成功</h2>
      </div>
      <button class="home-btn" @click="goTo">返回试题列表</button>
    </div>
  <!-- </div> -->
</template>

<script setup>
import { ref } from 'vue'
import submit from '@/assets/icon/submit.png'
import { useRouter } from 'vue-router'

const router = useRouter()
const goTo = () => {
  router.push('/evaluation')
}
</script>

<style scoped lang="scss">
@use 'sass:math';
// 定义rpx转换函数
@function rpx($px) {
  @return math.div($px, 750) * 100vw;
}
// .test-center{
//   width: 100%;
//   height: 100%;
// }
.test-submit {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content-group {
  display: flex;
  align-items: center;
  gap: rpx(5);
}
.test-submit img {
  width: rpx(20);
  height: rpx(20);
}
.home-btn {
  width: rpx(100);
  margin-top: rpx(20);
  margin-left: rpx(10);
  background-color: #9e78e7;
  color: white;
  border: none;
  border-radius: rpx(5);
  cursor: pointer;
  transition: background-color 0.3s;
}
.home-btn:hover {
  border: none;
}
</style>
