UI改版2

src/api/request.ts

@@ -4,7 +4,7 @@ const request = axios.create({
 	baseURL: import.meta.env.MODE === "production" ? "/prod-api" : "/dev-api",
 });
 request.interceptors.request.use(config=>{
-	let token = window.localStorage.getItem("token")
+	// let token = window.localStorage.getItem("token")
 	if (config.headers.isToken !== false) {
 	//	config.headers["Authorization"] = "Bearer " +token; // 让每个请求携带自定义token 请根据实际情况自行修改
 		config.headers["Authorization"]=""

src/components/mask/submitMask.vue

@@ -102,7 +102,7 @@ export default {
   justify-content: center;
   .dialog {
     width: 400px;
-    height: 210px;
+    height: 205px;
     background: #fff;
     .title {
       width: 100%;
@@ -110,7 +110,7 @@ export default {
       height: 40px;
       background: #498ef5;
       color: #fff;
-      font-size: 14px;
+      font-size: 12px;
     }
     .mid {
       width: 100%;
@@ -118,6 +118,7 @@ export default {
       height: 100px;
       padding-left: 10px;
       padding-right: 10px;
+      font-size: 14px;
       .mid-line1 {
         line-height: 25px;
         height: 25px;
@@ -153,7 +154,6 @@ export default {
       .bottom-line {
         width: 100%;
         text-align: center;
-        font-size: 14px;
         color: #fff;
         font-size: 12px;
         margin-top: 5px;

src/views/exam/test.vue

@@ -148,8 +148,12 @@
           <div>请在备选答案中选择你认为正确的答案！</div>
         </div>
         <div class="right">
-          <div @click="beforeTopic" class="right-button1">上一题</div>
-          <div @click="nextTopic" class="right-button1">下一题</div>
+          <div @click="beforeTopic" class="right-button1" :class="{
+            button1_disabled:listIndex==0
+          }">上一题</div>
+          <div @click="nextTopic"  class="right-button1" :class="{
+            button1_disabled:listIndex==(list.length-1)
+          }">下一题</div>
           <div @click="submitScore" class="right-button2">交卷</div>
         </div>
       </div>
@@ -755,23 +759,28 @@ export default defineComponent({
     .right-button1 {
       width: 58px;
       height: 28px;
-      background: #01c18d;
+      background: #FFFFFB;
       opacity: 1;
-      border-radius: 14px;
+
       font-size: 12px;
-      color: #fff;
+      color: #3D3C38;
       line-height: 28px;
       text-align: center;
       margin-left: 16px;
     }
+    .button1_disabled{
+      background-color: #F9FAF5;
+      color: #979893;
+
+    }
     .right-button2 {
       width: 58px;
       height: 28px;
-      background: #498ef5;
+      background: #FFFFFB;
       opacity: 1;
-      border-radius: 14px;
+
       font-size: 12px;
-      color: #fff;
+   
       line-height: 28px;
       text-align: center;
       margin-left: 16px;
@@ -928,7 +937,7 @@ export default defineComponent({
 }
 .answer-img {
 
-  height: 63px;
+  height: 90px;
 }
 .topic {
   border: 1px solid #b8c0cc;