|
|
@@ -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;
|
