增加调试的方法2

package-lock.json

@@ -530,11 +530,6 @@
         "fastq": "^1.6.0"
       }
     },
-    "@popperjs/core": {
-      "version": "2.11.4",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.4.tgz",
-      "integrity": "sha512-q/ytXxO5NKvyT37pmisQAItCFqA7FD/vNb8dgaJy3/630Fsc+Mz9/9f2SziBoIZ30TJooXyTwZmhi1zjXmObYg=="
-    },
     "@rollup/pluginutils": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.1.2.tgz",
@@ -737,22 +732,19 @@
       }
     },
     "@vant/icons": {
-      "version": "1.7.3",
-      "resolved": "https://registry.npmjs.org/@vant/icons/-/icons-1.7.3.tgz",
-      "integrity": "sha512-tW4EqzxN4kXw1rnlnQJQHofEifPbt/gECOWiibomht8QLyvoGuE4iUmDFS288dJ07ZjuTy0bhdABj0SENo2fmQ=="
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@vant/icons/-/icons-1.8.0.tgz",
+      "integrity": "sha512-sKfEUo2/CkQFuERxvkuF6mGQZDKu3IQdj5rV9Fm0weJXtchDSSQ+zt8qPCNUEhh9Y8shy5PzxbvAfOOkCwlCXg=="
     },
     "@vant/popperjs": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@vant/popperjs/-/popperjs-1.1.0.tgz",
-      "integrity": "sha512-8MD1gz146awV/uPxYjz4pet22f7a9YVKqk7T+gFkWFwT9mEcrIUEg/xPrdOnWKLP9puXyYtm7oVfSDSefZ/p/w==",
-      "requires": {
-        "@popperjs/core": "^2.9.2"
-      }
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@vant/popperjs/-/popperjs-1.3.0.tgz",
+      "integrity": "sha512-hB+czUG+aHtjhaEmCJDuXOep0YTZjdlRR+4MSmIFnkCQIxJaXLQdSsR90XWvAI2yvKUI7TCGqR8pQg2RtvkMHw=="
     },
     "@vant/use": {
-      "version": "1.3.6",
-      "resolved": "https://registry.npmjs.org/@vant/use/-/use-1.3.6.tgz",
-      "integrity": "sha512-3z+nywPaV2F5BdJO7RQxWlgfzJeEOmViD2yHMb7Tg+R4NR/7iQskqW8v2Cnv9FWSJgTOSHlcr7UzeLpiTAP4HA=="
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/@vant/use/-/use-1.4.4.tgz",
+      "integrity": "sha512-VFAU7oO3mAN/mA+xB0bRt36Ve2EVUyywmwH149qlRRrTBu1XwxoA8J7Kwpr1CoX9GTaoMsZle/+j3e2UtvsP3g=="
     },
     "@vitejs/plugin-vue": {
       "version": "1.10.2",
@@ -3241,13 +3233,13 @@
       "dev": true
     },
     "vant": {
-      "version": "3.4.7",
-      "resolved": "https://registry.npmjs.org/vant/-/vant-3.4.7.tgz",
-      "integrity": "sha512-/iafbNF3VPcDevIun8DMj84V9sGMcBZ2LW8j20uqthW6NpFmkMpDFJxMINQFIZ0myEogqVSDVhS6XFAwlx3nkQ==",
+      "version": "3.6.11",
+      "resolved": "https://registry.npmjs.org/vant/-/vant-3.6.11.tgz",
+      "integrity": "sha512-ueEu4rOePQUoeP6mjuVHogmg3t05yejrYkFCG/NMWY2haOscvQTFGDVuUazmNdjgizqL1D9rH6xV0qy2aRWF9Q==",
       "requires": {
-        "@vant/icons": "^1.7.1",
-        "@vant/popperjs": "^1.1.0",
-        "@vant/use": "^1.3.6"
+        "@vant/icons": "^1.8.0",
+        "@vant/popperjs": "^1.2.1",
+        "@vant/use": "^1.4.2"
       }
     },
     "vite": {

package.json

@@ -10,7 +10,7 @@
     "axios": "^0.22.0",
     "dayjs": "^1.10.8",
     "pdfjs-dist": "^2.12.313",
-    "vant": "^3.1.5",
+    "vant": "^3.6.11",
     "vue": "3.0.11",
     "vue-pdf-embed": "^1.1.4",
     "vue-router": "^4.0.6",

src/views/exam/begin.vue

@@ -1,5 +1,5 @@
 <template>
-  <div  class="container">
+  <div class="container">
     <div style="background: #f4f3ef">
       <div class="header-text-left">Sub of a Driver Training System</div>
       <div class="headerImg">
@@ -28,17 +28,14 @@
               考生姓名：{{ query.username || '张三' }}
             </div>
             <div class="pl124 exam-container">
-              <div
-                @click="
-                  () => {
-                    push({
-                      name: 'examTest',
-                      query: query,
-                    });
-                  }
-                "
-                class="exam-button"
-              >
+              <div @click="
+                () => {
+                  push({
+                    name: 'examTest',
+                    query: query,
+                  });
+                }
+              " class="exam-button">
                 开始考试
               </div>
             </div>
@@ -60,6 +57,7 @@ import { useRouter, useRoute } from 'vue-router';
 import Phone from '@/utils/phone';
 import subject4Img from '@/assets/img/subject4@2x.png';
 import subject1Img from '@/assets/img/subject1@2x.png';
+import { Toast } from 'vant';
 export default defineComponent({
   setup() {
     document.title = '真实模拟考试'
@@ -84,11 +82,15 @@ export default defineComponent({
     //   window.localStorage.setItem("token",res.data.token)
     // })
     const visible = ref(true)
-    const backViewH5 = (e:TouchEvent)=>{
+    const backViewH5 = (e: TouchEvent) => {
 
       e.preventDefault();
       // visible.value =false
-      alert('进入返回方法前')
+      Toast({
+        message: '进入核心方法前',
+        position: 'top',
+        duration: 4000
+      })
       backView()
 
     }
@@ -108,20 +110,26 @@ export default defineComponent({
 .font11 {
   font-size: 11px;
 }
+
 .mt14 {
   margin-top: 14px;
 }
+
 .pl138 {
   padding-left: 138px;
 }
+
 .pl124 {
   padding-left: 124px;
 }
+
 .pl24 {
   padding-left: 24px;
 }
+
 .exam-container {
   margin-top: 18px;
+
   .exam-button {
     width: 106px;
     height: 27px;
@@ -144,6 +152,7 @@ export default defineComponent({
   flex-direction: column;
   background: #fff;
   position: relative;
+
   .backButton {
     position: absolute;
     top: 28px;
@@ -154,6 +163,7 @@ export default defineComponent({
     cursor: pointer;
   }
 }
+
 .header {
   width: 100%;
   height: 21.8vh;
@@ -162,6 +172,7 @@ export default defineComponent({
   line-height: 21.8vh;
   color: white;
 }
+
 .header-text-left {
   color: #a9a9a1;
   text-align: left;
@@ -169,6 +180,7 @@ export default defineComponent({
   line-height: 13px;
   font-size: 8px;
 }
+
 .header-text-right {
   color: #a9a9a1;
   text-align: right;
@@ -177,18 +189,21 @@ export default defineComponent({
   border-bottom: 1px solid #d8d7d3;
   padding-right: 15px;
 }
+
 .headerImg {
   width: 100%;
   height: auto;
 
-  > img {
+  >img {
     width: 100%;
     height: auto;
   }
 }
+
 .mt15 {
   margin-top: 15px;
 }
+
 .content {
   width: 723px;
   height: 67vh;
@@ -199,6 +214,7 @@ export default defineComponent({
   flex-wrap: wrap;
   border: 1px solid #eae9e5;
   background: #f5f6f8;
+
   .box1 {
     width: 50%;
     height: 100%;
@@ -206,18 +222,21 @@ export default defineComponent({
     padding-left: 20px;
     color: #3d3c38;
     border-right: 1px solid #eae9e5;
+
     .info {
       font-size: 14px;
       margin-bottom: 7px;
       font-weight: 700;
       font-size: 14px;
     }
+
     div {
       text-align: left;
       font-size: 13px;
       margin-bottom: 4px;
     }
   }
+
   .box2 {
     width: 50%;
     height: 100%;
@@ -225,21 +244,26 @@ export default defineComponent({
     padding-top: 18px;
     padding-left: 17px;
     font-size: 13px;
+
     .box2-space1 {
       height: 5px;
     }
+
     .box2-id {
       font-weight: 700;
       font-size: 13px;
     }
+
     .box2-name {
       font-weight: 700;
       font-size: 13px;
     }
+
     .box2-tip {
       margin-top: 7px;
       font-size: 11px;
     }
+
     .info {
       margin-bottom: 7px;
       font-size: 14px;