修改模拟考试初始化页面

src/App.vue

@@ -1,7 +1,5 @@
 <template>
-  <transition name="slide-left">
-    <router-view></router-view>
-  </transition>
+  <router-view></router-view>
 </template>
 
 <script lang="ts">

src/hooks/index.ts

@@ -1,5 +1,6 @@
 import { computed } from "vue";
 import { useStore } from "vuex";
+import { useRoute } from "vue-router";
 /**
  * 获取用户会员到期时间
  */
@@ -10,3 +11,15 @@ export const useExpireTime = () => {
     expireTime,
   };
 };
+
+/**
+ * 获取路由query
+ * @returns
+ */
+export const useRouteQuery = () => {
+  const route = useRoute();
+  const query = route.query;
+  return {
+    query,
+  };
+};

src/views/home/children/test/index.vue

@@ -42,8 +42,14 @@ const carTypeList = ref([
     icon: "jiaoche",
     query: { liceCar: 1 },
     sujectList: [
-      { name: "科目一", query: { subject1: 1 } },
-      { name: "科目四", query: { subject4: 1 } },
+      {
+        name: "科目一",
+        query: { name: "科目一", cert: "轿车C1/C2/C3", subject1: 1 },
+      },
+      {
+        name: "科目四",
+        query: { name: "科目四", cert: "轿车C1/C2/C3", subject4: 1 },
+      },
     ],
   },
   {
@@ -52,8 +58,14 @@ const carTypeList = ref([
     icon: "keche",
     query: { liceBus: 1 },
     sujectList: [
-      { name: "科目一", query: { subject1: 1 } },
-      { name: "科目四", query: { subject4: 1 } },
+      {
+        name: "科目一",
+        query: { name: "科目一", cert: "客车A1/A3/B1", subject1: 1 },
+      },
+      {
+        name: "科目四",
+        query: { name: "科目四", cert: "客车A1/A3/B1", subject4: 1 },
+      },
     ],
   },
   {
@@ -62,8 +74,14 @@ const carTypeList = ref([
     icon: "huoche",
     query: { liceTruck: 1 },
     sujectList: [
-      { name: "科目一", query: { subject1: 1 } },
-      { name: "科目四", query: { subject4: 1 } },
+      {
+        name: "科目一",
+        query: { name: "科目一", cert: "货车A2/B2", subject1: 1 },
+      },
+      {
+        name: "科目四",
+        query: { name: "科目四", cert: "货车A2/B2", subject4: 1 },
+      },
     ],
   },
   {
@@ -72,8 +90,14 @@ const carTypeList = ref([
     icon: "motuoche",
     query: { liceMoto: 1 },
     sujectList: [
-      { name: "科目一", query: { subject1: 1 } },
-      { name: "科目四", query: { subject4: 1 } },
+      {
+        name: "科目一",
+        query: { name: "科目一", cert: "摩托车D/E/F", subject1: 1 },
+      },
+      {
+        name: "科目四",
+        query: { name: "科目四", cert: "摩托车D/E/F", subject4: 1 },
+      },
     ],
   },
 ]);

src/views/mockTest/components/initMockTest.vue

@@ -10,11 +10,11 @@
     <div class="title">考试说明</div>
     <div class="class">
       <span>考试科目</span>
-      <span>科目一</span>
+      <span>{{ query.name }}</span>
     </div>
     <div class="class">
       <span>考试题库</span>
-      <span>轿车(C1/C2/C3)</span>
+      <span>{{ query.cert }}</span>
     </div>
     <div class="class">
       <span>考试时间</span>
@@ -37,7 +37,9 @@
   </div>
 </template>
 
-<script lang="ts"></script>
+<script lang="ts">
+import { useRoute } from "vue-router";
+</script>
 
 <script lang="ts" setup>
 import { defineEmits } from "vue";
@@ -45,6 +47,7 @@ const emits = defineEmits(["next"]);
 const gotoNextPage = () => {
   emits("next");
 };
+const { query } = useRoute();
 </script>
 
 <style scoped lang="scss">
@@ -86,7 +89,7 @@ const gotoNextPage = () => {
   border-radius: 10px;
   position: relative;
   left: 50%;
-  top: -82px;
+  top: -52px;
   transform: translateX(-50%);
   padding: 38px 15px;
   box-sizing: border-box;

src/views/mockTest/components/startTest.vue

@@ -14,7 +14,7 @@
   <!-- 导航栏end -->
   <!-- 考试倒计时 -->
   <div class="dowm-box">
-    <van-count-down :time="90 * 60 * 1000" format="剩余答题时间: mm分ss秒" />
+    <van-count-down :time="45 * 60 * 1000" format="剩余答题时间: mm分ss秒" />
   </div>
   <!-- 考试倒计时end -->
   <!-- 分割线 -->