修改样式

src/Layout/footer/index.vue

@@ -63,7 +63,7 @@ const toNewsDetail = (id: number) => {
     }
     .item {
       text-align: center;
-      font-size: 18px;
+      font-size: 14px;
       cursor: pointer;
       transition: all 0.3s;
     }
@@ -78,10 +78,14 @@ const toNewsDetail = (id: number) => {
 
   .copyright {
     margin-top: 30px;
+    font-size: 10px;
   }
 
   .report {
     margin-top: 0.1042rem;
+    font-size: 10px;
+    text-align: center;
+
   }
 
   &.dark-layout {

src/main.ts

@@ -59,8 +59,8 @@ const pcHost = new URL(import.meta.env.VITE_APP_PC_URL).host
 
 if (isMobile && currentHost !== mobileHost) {
   console.log('手机端，跳转到移动站')
-  location.href = import.meta.env.VITE_APP_MOBILE_URL
+  // location.href = import.meta.env.VITE_APP_MOBILE_URL
 } else if (!isMobile && currentHost !== pcHost) {
   console.log('电脑端，跳转到 PC 站')
-  location.href = import.meta.env.VITE_APP_PC_URL
+  // location.href = import.meta.env.VITE_APP_PC_URL
 }

src/views/raceInfo/index.vue

@@ -6,7 +6,7 @@
         <el-card>
           <template #header>
             <div style="display: flex; justify-content: space-between">
-              <el-breadcrumb style="display: flex;align-items: center;">
+              <el-breadcrumb style="display: flex; align-items: center">
                 <el-breadcrumb-item
                   v-for="item in Route.matched"
                   :key="item.path"
@@ -94,10 +94,16 @@
           </div>
         </el-card>
       </div>
-    
     </div>
     <!-- 年度比赛列表 -->
-    <div style="margin-top: .8rem; font-size: .64rem; font-weight: 600;margin-left: .5333rem;">
+    <div
+      style="
+        margin-top: 0.8rem;
+        font-size: 0.64rem;
+        font-weight: 600;
+        margin-left: 0.5333rem;
+      "
+    >
       年度比赛列表:
     </div>
     <el-card v-if="reacProjectList.length === 0" style="margin-top: 20px">
@@ -122,7 +128,9 @@
           :key="item.id"
           @click="goToCompetition(item.id, item.endtime, item.isopen)"
           :style="{
-            'background-color': isTimePassed(item.endtime) ? 'rgb(232 232 232)' : '#fff',
+            'background-color': isTimePassed(item.endtime)
+              ? 'rgb(232 232 232)'
+              : '#fff',
           }"
         >
           <div class="image">
@@ -135,7 +143,14 @@
             </div>
             <div
               class="reac-title"
-              style="font-weight: 600; color: #000; font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"
+              style="
+                font-weight: 600;
+                color: #000;
+                font-size: 16px;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+              "
             >
               {{ item.name }}
             </div>
@@ -155,8 +170,14 @@
           </div>
         </div>
       </div>
-      <div style="margin-top: 20px;display: flex;justify-content: center;">
-        <el-pagination background layout="prev, pager, next" :total="page.total"  :page-size="page.pageSize" @change="pageChange"/>
+      <div style="margin-top: 20px; display: flex; justify-content: center">
+        <el-pagination
+          background
+          layout="prev, pager, next"
+          :total="page.total"
+          :page-size="page.pageSize"
+          @change="pageChange"
+        />
       </div>
     </el-card>
 
@@ -193,7 +214,7 @@ const reacProjectList = ref<any>([])
   order: 'desc',
   pageNo: 1,
   pageSize: 8,
-    total: 0
+  total: 0,
 })
 const getRaceProjectListEvent = async () => {
   loading.value = true
@@ -225,10 +246,10 @@ getraceInfoEvent()
 
 // 前往年度比赛页面
 const goToCompetition = async (id: any, endTime: string, isOpen: string) => {
-  if(isOpen == '0') return ElMessage.error('比赛未开启')
-  if (isTimePassed(endTime)) {
-    return ElMessage.error('比赛已结束')
-  }
+  // if(isOpen == '0') return ElMessage.error('比赛未开启')
+  // if (isTimePassed(endTime)) {
+  //   return ElMessage.error('比赛已结束')
+  // }
   const projectId: any = await getProjectId({ anncmopid: id })
   console.log(projectId.result)
 
@@ -473,18 +494,18 @@ const scrollToPosition = () => {
               display: flex;
               margin: 10px 0;
               .label {
-                font-size: 16px;
+                font-size: 14px;
                 color: var(--text-color);
                 opacity: 0.45;
                 width: 100px;
               }
               .text {
-                font-size: 16px;
+                font-size: 14px;
+
                 font-weight: 600;
                 color: var(--text-color);
               }
             }
-           
           }
         }
       }