样式修改

src/assets/styles/index.scss

@@ -97,7 +97,7 @@ ul li {
     padding: 3.5% 12%;
     font-size: 1.6rem;
     border: 1px solid #c9c4c4;
-    box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.5577);
+    box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.3);
     &:hover {
       color: #1a293a;
     }
@@ -105,7 +105,7 @@ ul li {
   .btn-custom-confirm {
     color: #1a293a;
     background: radial-gradient(141% 126% at 5% 93%, #8effa9 0%, #07ffe7 100%);
-    box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.5577);
+    box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.3);
     --el-button-border-color: none;
     padding: 3.5% 12%;
     font-size: 1.6rem;

src/components/AddItemWindow/index.vue

@@ -459,7 +459,7 @@ defineExpose({
 
           .select {
             border-radius: 1.8rem;
-            box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.5577);
+            box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.3);
             background: radial-gradient(50% 181% at 163% 0%, #35FFC6 0%, #00FFE8 100%);
           }
         }
@@ -512,7 +512,7 @@ defineExpose({
         text-align: center;
         color: #1A293A;
         background: radial-gradient(141% 126% at 5% 93%, #8EFFA9 0%, #07FFE7 100%);
-        box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.5577);
+        box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.3);
         cursor: pointer;
         display: flex;
         align-items: center;

src/components/ChooseStudent/index.vue

@@ -356,7 +356,7 @@ defineExpose({
         .button {
           color: #1A293A;
           background: radial-gradient(141% 126% at 5% 93%, #8EFFA9 0%, #07FFE7 100%);
-          box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.5577);
+          box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.3);
           border: none;
         }
 
@@ -499,7 +499,7 @@ defineExpose({
         text-align: center;
         color: #1A293A;
         background: radial-gradient(141% 126% at 5% 93%, #8EFFA9 0%, #07FFE7 100%);
-        box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.5577);
+        box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.3);
         cursor: pointer;
       }
     }

src/components/OptionWindow/index.vue

@@ -486,7 +486,7 @@ defineExpose({
 
           .select {
             border-radius: 1.8rem;
-            box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.5577);
+            box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.3);
             background: radial-gradient(50% 181% at 163% 0%, #35FFC6 0%, #00FFE8 100%);
           }
         }
@@ -539,7 +539,7 @@ defineExpose({
         text-align: center;
         color: #1A293A;
         background: radial-gradient(141% 126% at 5% 93%, #8EFFA9 0%, #07FFE7 100%);
-        box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.5577);
+        box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.3);
         cursor: pointer;
         display: flex;
         align-items: center;

src/components/ReportWindow/index.vue

@@ -504,7 +504,7 @@ defineExpose({
 
           .select {
             border-radius: 1.8rem;
-            box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.5577);
+            box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.3);
             background: radial-gradient(50% 181% at 163% 0%, #35FFC6 0%, #00FFE8 100%);
           }
         }

src/components/WorkstationWindow/index.vue

@@ -425,7 +425,7 @@ defineExpose({
         text-align: center;
         color: #1A293A;
         background: radial-gradient(141% 126% at 5% 93%, #8EFFA9 0%, #07FFE7 100%);
-        box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.5577);
+        box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.3);
         cursor: pointer;
         display: flex;
         align-items: center;

src/types/auto-imports.d.ts

@@ -296,6 +296,10 @@ declare module 'vue' {
   interface GlobalComponents {}
   interface ComponentCustomProperties {
     readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
+    readonly ElLoading: UnwrapRef<typeof import('element-plus/es')['ElLoading']>
+    readonly ElMessage: UnwrapRef<typeof import('element-plus/es')['ElMessage']>
+    readonly ElMessageBox: UnwrapRef<typeof import('element-plus/es')['ElMessageBox']>
+    readonly ElNotification: UnwrapRef<typeof import('element-plus/es')['ElNotification']>
     readonly acceptHMRUpdate: UnwrapRef<typeof import('pinia')['acceptHMRUpdate']>
     readonly asyncComputed: UnwrapRef<typeof import('@vueuse/core')['asyncComputed']>
     readonly autoResetRef: UnwrapRef<typeof import('@vueuse/core')['autoResetRef']>
@@ -575,6 +579,10 @@ declare module '@vue/runtime-core' {
   interface GlobalComponents {}
   interface ComponentCustomProperties {
     readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
+    readonly ElLoading: UnwrapRef<typeof import('element-plus/es')['ElLoading']>
+    readonly ElMessage: UnwrapRef<typeof import('element-plus/es')['ElMessage']>
+    readonly ElMessageBox: UnwrapRef<typeof import('element-plus/es')['ElMessageBox']>
+    readonly ElNotification: UnwrapRef<typeof import('element-plus/es')['ElNotification']>
     readonly acceptHMRUpdate: UnwrapRef<typeof import('pinia')['acceptHMRUpdate']>
     readonly asyncComputed: UnwrapRef<typeof import('@vueuse/core')['asyncComputed']>
     readonly autoResetRef: UnwrapRef<typeof import('@vueuse/core')['autoResetRef']>

src/views/gesture/index.vue

@@ -7,9 +7,11 @@
         :modules="[Navigation]" @swiper="onSwiper">
         <swiper-slide v-for="(item, index) in projectList" :key="index" @click="getOption(item)">
           <div class="li">
-            <div class="pic"><img :src="'static/images/train/' + item.key + '.png'"></div>
-            <div class="name">
-              {{ item.name }}
+            <div>
+              <div class="pic"><img :src="'static/images/train/' + item.key + '.png'"></div>
+              <div class="name">
+                {{ item.name }}
+              </div>
             </div>
           </div>
         </swiper-slide>
@@ -365,9 +367,8 @@ $waiPadding: 6.51rem;
     box-sizing: border-box;
     box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.9046), inset 0px 3px 6px 0px rgba(0, 0, 0, 0.0851);
     display: flex;
-    flex-wrap: wrap;
     justify-content: center;
-    text-align: center;
+    align-items: center;
     background: radial-gradient(96% 96% at 2% 32%, #FFFFFF 0%, #FCFDFD 54%, #E1E4E7 100%);
     flex-shrink: 0;
     cursor: pointer;
@@ -377,6 +378,7 @@ $waiPadding: 6.51rem;
       font-size: 2.48rem;
       color: #1A293A;
       padding: 0.5rem 0;
+      text-align: center;
     }
 
 

src/views/login/index.vue

@@ -161,7 +161,7 @@ onMounted(() => {
         opacity: 1;
         text-align: center;
         background: radial-gradient(141% 126% at 5% 93%, #8EFFA9 0%, #07FFE7 100%);
-        box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.5577);
+        box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.3);
         cursor: pointer;
         display: flex;
         align-items: center;

src/views/login/qrcode.vue

@@ -285,7 +285,7 @@ onMounted(() => {
             opacity: 1;
             text-align: center;
             background: radial-gradient(141% 126% at 5% 93%, #8EFFA9 0%, #07FFE7 100%);
-            box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.5577);
+            box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.3);
             cursor: pointer;
             display: flex;
             align-items: center;

src/views/set/config.vue

@@ -254,7 +254,7 @@ $waiPadding: 6.51rem;
     border-radius: 1vh;
     cursor: pointer;
     background: radial-gradient(159% 126% at 5% 93%, #8EFFA9 0%, #07FFE7 100%);
-    box-shadow: 3px 6px 4px 1px rgba(0, 0, 0, 0.1874), inset 0px 1px 0px 2px rgba(255, 255, 255, 0.5577);
+    box-shadow: 3px 6px 4px 1px rgba(0, 0, 0, 0.1874), inset 0px 1px 0px 2px rgba(255, 255, 255, 0.3);
     margin-left: 10px;
 
     &:hover {

src/views/train/index.vue

@@ -8,10 +8,12 @@
       }" :space-between="20" :slides-per-group="12">
         <swiper-slide v-for="(item, index) in projectList " :key="index" @click="getOption(item)">
           <div class="li">
+          <div>
             <div class="pic"><img :src="'static/images/train/' + item.key + '.png'"></div>
             <div class="name">
               {{ item.name }}
             </div>
+</div>
           </div>
         </swiper-slide>
       </swiper>
@@ -115,11 +117,8 @@ $waiPadding: 6.51rem;
     box-sizing: border-box;
     box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.9046), inset 0px 3px 6px 0px rgba(0, 0, 0, 0.0851);
     display: flex;
-    flex-wrap: wrap;
     justify-content: center;
-    text-align: center;
-
-    flex-shrink: 0;
+    align-items: center;
     cursor: pointer;
 
     .name {
@@ -127,9 +126,9 @@ $waiPadding: 6.51rem;
       font-size: 2.48rem;
       color: #1A293A;
       padding: 0.5rem 0;
+      text-align: center;
     }
 
-
     .pic {
       width: 11.36vw;
       height: 11.36vw;

src/views/train/multiple.vue

@@ -896,7 +896,7 @@ $waiPadding: 6.51rem;
     cursor: pointer;
     margin-left: 10px;
     background: radial-gradient(159% 126% at 5% 93%, #8EFFA9 0%, #07FFE7 100%);
-    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1874), inset 0px 1px 0px 1px rgba(255, 255, 255, 0.5577);
+    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1874), inset 0px 1px 0px 1px rgba(255, 255, 255, 0.3);
 
     &:hover {
       background: #8EFFA9;
@@ -906,7 +906,7 @@ $waiPadding: 6.51rem;
   .startBtn {
     color: #ffffff;
     background: radial-gradient(159% 126% at 5% 93%, #F99F02 0%, #ED7905 100%);
-    box-shadow: 3px 6px 4px 1px rgba(0, 0, 0, 0.1874), inset 0px 1px 0px 2px rgba(255, 255, 255, 0.5577);
+    box-shadow: 3px 6px 4px 1px rgba(0, 0, 0, 0.1874), inset 0px 1px 0px 2px rgba(255, 255, 255, 0.3);
 
     &:hover {
       background: #F99F02;

src/views/train/run.vue

@@ -1055,7 +1055,7 @@ $waiPadding: 6.51rem;
         .menuBtn2 {
           color: #1A293A;
           background: radial-gradient(159% 126% at 5% 93%, #8EFFA9 0%, #07FFE7 100%);
-          box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1874), inset 0px 1px 0px 2px rgba(255, 255, 255, 0.5577);
+          box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1874), inset 0px 1px 0px 2px rgba(255, 255, 255, 0.3);
         }
 
         .close {
@@ -1131,7 +1131,7 @@ $waiPadding: 6.51rem;
     margin-left: 20px;
     cursor: pointer;
     background: radial-gradient(159% 126% at 5% 93%, #8EFFA9 0%, #07FFE7 100%);
-    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1874), inset 1px 1px 1px 1px rgba(255, 255, 255, 0.5577);
+    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1874), inset 1px 1px 1px 1px rgba(255, 255, 255, 0.3);
 
     &:hover {
       background: #8EFFA9;
@@ -1141,7 +1141,7 @@ $waiPadding: 6.51rem;
   .startBtn {
     color: #ffffff;
     background: radial-gradient(159% 126% at 5% 93%, #F99F02 0%, #ED7905 100%);
-    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1874), inset 1px 1px 1px 1px rgba(255, 255, 255, 0.5577);
+    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1874), inset 1px 1px 1px 1px rgba(255, 255, 255, 0.3);
 
     &:hover {
       background: #F99F02;

src/views/train/test.vue

@@ -1214,7 +1214,7 @@ $waiPadding: 6.51rem;
           border-radius: 15px;
           opacity: 1;
           background: radial-gradient(159% 126% at 5% 93%, #F99F02 0%, #ED7905 100%);
-          box-shadow: 3px 6px 4px 1px rgba(0, 0, 0, 0.1874), inset 0px 1px 0px 2px rgba(255, 255, 255, 0.5577);
+          box-shadow: 3px 6px 4px 1px rgba(0, 0, 0, 0.1874), inset 0px 1px 0px 2px rgba(255, 255, 255, 0.3);
           cursor: pointer;
         }