样式修改

src/assets/styles/index.scss

@@ -53,42 +53,42 @@ ul li {
 .basketballv1 {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/basketballv1.png');
+      background-image: url('static/images/train/basketballv1.png');
     }
   }
 }
 .footballv1 {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/footballv1.png');
+      background-image: url('static/images/train/footballv1.png');
     }
   }
 }
 .heartbeat {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/heartbeat.png');
+      background-image: url('static/images/train/heartbeat.png');
     }
   }
 }
 .jump {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/jump.png');
+      background-image: url('static/images/train/jump.png');
     }
   }
 }
 .jumpingjack {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/jumpingjack.png');
+      background-image: url('static/images/train/jumpingjack.png');
     }
   }
 }
 .jumprope {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/jumprope.png');
+      background-image: url('static/images/train/jumprope.png');
     }
   }
 }
@@ -96,7 +96,7 @@ ul li {
 .longjump {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/longjump.png');
+      background-image: url('static/images/train/longjump.png');
     }
   }
 }
@@ -104,7 +104,7 @@ ul li {
 .pullup {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/pullup.png');
+      background-image: url('static/images/train/pullup.png');
     }
   }
 }
@@ -112,7 +112,7 @@ ul li {
 .run10x4 {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/run10x4.png');
+      background-image: url('static/images/train/run10x4.png');
     }
   }
 }
@@ -120,7 +120,7 @@ ul li {
 .run15x4 {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/run15x4.png');
+      background-image: url('static/images/train/run15x4.png');
     }
   }
 }
@@ -128,7 +128,7 @@ ul li {
 .run50 {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/run50.png');
+      background-image: url('static/images/train/run50.png');
     }
   }
 }
@@ -136,7 +136,7 @@ ul li {
 .run50x8 {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/run50x8.png');
+      background-image: url('static/images/train/run50x8.png');
     }
   }
 }
@@ -144,7 +144,7 @@ ul li {
 .run100 {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/run100.png');
+      background-image: url('static/images/train/run100.png');
     }
   }
 }
@@ -152,7 +152,7 @@ ul li {
 .run200 {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/run200.png');
+      background-image: url('static/images/train/run200.png');
     }
   }
 }
@@ -160,7 +160,7 @@ ul li {
 .run400 {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/run400.png');
+      background-image: url('static/images/train/run400.png');
     }
   }
 }
@@ -168,7 +168,7 @@ ul li {
 .run800 {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/run800.png');
+      background-image: url('static/images/train/run800.png');
     }
   }
 }
@@ -176,7 +176,7 @@ ul li {
 .run1000 {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/run1000.png');
+      background-image: url('static/images/train/run1000.png');
     }
   }
 }
@@ -184,7 +184,7 @@ ul li {
 .shotput {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/shotput.png');
+      background-image: url('static/images/train/shotput.png');
     }
   }
 }
@@ -192,7 +192,7 @@ ul li {
 .sidepullup {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/sidepullup.png');
+      background-image: url('static/images/train/sidepullup.png');
     }
   }
 }
@@ -200,7 +200,7 @@ ul li {
 .situp {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/situp.png');
+      background-image: url('static/images/train/situp.png');
     }
   }
 }
@@ -208,7 +208,7 @@ ul li {
 .skiprope {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/skiprope.png');
+      background-image: url('static/images/train/skiprope.png');
     }
   }
 }
@@ -216,7 +216,7 @@ ul li {
 .solidball {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/solidball.png');
+      background-image: url('static/images/train/solidball.png');
     }
   }
 }
@@ -224,7 +224,7 @@ ul li {
 .trijump {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/trijump.png');
+      background-image: url('static/images/train/trijump.png');
     }
   }
 }
@@ -232,7 +232,7 @@ ul li {
 .verticaljump {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/verticaljump.png');
+      background-image: url('static/images/train/verticaljump.png');
     }
   }
 }
@@ -240,7 +240,7 @@ ul li {
 .volleyball {
   .el-loading-spinner {
     &::before {
-      background-image: url('/src/assets/images/train/volleyball.png');
+      background-image: url('static/images/train/volleyball.png');
     }
   }
 }

src/views/ranking/index.vue

@@ -65,10 +65,10 @@
             </swiper>
             <!-- 如果需要导航按钮 -->
             <div class="swiper-button-prev swiper-btn swiper-btn-left" slot="button-prev" @click="getStopPlaying()"
-              v-if="gradeData.lengt > 0">
+              v-if="gradeData.length > 3">
             </div>
             <div class="swiper-button-next swiper-btn swiper-btn-right" slot="button-next" @click="getStopPlaying()"
-              v-if="gradeData.lengt > 0">
+              v-if="gradeData.length > 3">
             </div>
             <!--年级排名结束-->
           </div>