瀏覽代碼

修复我的考场样式问题

JXDS18FUJT 1 年之前
父節點
當前提交
32b7fce9f7
共有 3 個文件被更改,包括 34 次插入26 次删除
  1. 1 1
      src/utils/request.ts
  2. 31 23
      src/views/myExamRoadVideo/index.less
  3. 2 2
      src/views/myExamRoadVideo/index.tsx

+ 1 - 1
src/utils/request.ts

@@ -1,7 +1,7 @@
 import axios from "axios";
 import { Toast } from 'react-vant';
 const request = axios.create({
-	baseURL: import.meta.env.MODE === "production" ? "https://nbjk.zzxcx.net/nbjk-admin" : "https://nbjk.zzxcx.net/nbjk-admin",
+	baseURL: import.meta.env.MODE === "production" ? "https://nbjk.zzxcx.net/nbjk-admin" : "https://nbjk1.zzxcx.net/nbjk-admin",
 });
 
 request.interceptors.request.use((config) => {

+ 31 - 23
src/views/myExamRoadVideo/index.less

@@ -1,50 +1,58 @@
-.content {
+.myExamRoadVideo {
+  .content {
     width: 100%;
-    padding: 0rpx 30rpx;
+    padding: 0px 30px;
     transform: translateY(-80px);
-  
+
     .list {
       width: 100%;
       background: #edf4ff;
-      height: 1200rpx;
-      box-shadow: 0px 6rpx 12rpx 2rpx rgba(0, 0, 0, 0.1);
-  
-      border-radius: 20rpx 20rpx 20rpx 20rpx;
+      height: 1200px;
+      box-shadow: 0px 6px 12px 2px rgba(0, 0, 0, 0.1);
+
+      border-radius: 20px 20px 20px 20px;
+
       .list-item {
         width: 100%;
-        padding: 30rpx;
-        padding-top: 30rpx;
-        padding-bottom: 0rpx;
+        padding: 30px;
+        padding-top: 30px;
+        padding-bottom: 0px;
         display: flex;
-        height: 220rpx;
+        height: 220px;
         flex-wrap: wrap;
       }
+
       .list-item-image {
-        width: 248rpx;
-        height: 138rpx;
-        margin-right: 24rpx;
+        width: 248px;
+        height: 138px;
+        margin-right: 24px;
       }
+
       .list-item-border {
         width: 100%;
         background: #e0e0e0;
-        height: 2rpx;
+        height: 2px;
       }
-      .list-item-textbody{
+
+      .list-item-textbody {
         display: 'flex';
         align-items: space-between;
         flex-wrap: 'wrap';
         width: 355px;
-    }
+      }
+
       .list-item-text1 {
-        width: 305rpx;
+        width: 305px;
         color: #0a1a33;
-        font-size: 30rpx;
-        padding-top: 10rpx;
+        font-size: 30px;
+        padding-top: 10px;
       }
+
       .list-item-text2 {
-        width: 305rpx;
+        width: 305px;
         color: #8a9099;
-        font-size: 26rpx;
+        font-size: 26px;
       }
     }
-  }
+  }
+}

+ 2 - 2
src/views/myExamRoadVideo/index.tsx

@@ -10,7 +10,7 @@ export const MyExamRoadVideo: React.FC = (props: any) => {
         })
     }, [])
     return (
-        <div>
+        <div className='myExamRoadVideo'>
             <div>
                 <img style={{
                     width: "100%"
@@ -32,7 +32,7 @@ export const MyExamRoadVideo: React.FC = (props: any) => {
                                         v-for="(item, index) in examRoomList"
 
                                     >
-                                        <img className="list-item-image" />
+                                        <img src={item.image} className="list-item-image" />
 
                                         <div className='list-item-textbody'