no message

@@ -3,11 +3,12 @@
   <div class="ellipse">
   <div class="ellipse">
     <div :class="`circle circle${i+1}`" v-for="(n,i) in list">
     <div :class="`circle circle${i+1}`" v-for="(n,i) in list">
       <div class="ma">
       <div class="ma">
-        <img v-if="i==0" class="iconImg" src="@/assets/img/btn01.png">
-        <img v-if="i==1" class="iconImg" src="@/assets/img/btn02.png">
-        <img v-if="i==2" class="iconImg" src="@/assets/img/btn03.png">
-        <img v-if="i==3" class="iconImg" src="@/assets/img/btn04.png">
-        <img v-if="i==4" class="iconImg" src="@/assets/img/btn05.png">
+        <img v-if="i >= 0 && i < 5" :class="`iconImg`" :src="getBtnImagePath(i)">
+<!--        <img v-if="i==0" class="iconImg" src="@/assets/img/btn01.png">-->
+<!--        <img v-if="i==1" class="iconImg" src="@/assets/img/btn02.png">-->
+<!--        <img v-if="i==2" class="iconImg" src="@/assets/img/btn03.png">-->
+<!--        <img v-if="i==3" class="iconImg" src="@/assets/img/btn04.png">-->
+<!--        <img v-if="i==4" class="iconImg" src="@/assets/img/btn05.png">-->
         <el-statistic class="statistic" :title="n.name" :value="n.num" :value-style="statisticStyle"/>
         <el-statistic class="statistic" :title="n.name" :value="n.num" :value-style="statisticStyle"/>
       </div>
       </div>
     </div>
     </div>
@@ -44,7 +45,9 @@ const getdata = () => {
     }
     }
   })
   })
 }
 }
-
+function getBtnImagePath(index) {
+  return require(`@/assets/img/btn${index + 1}.png`);
+}
 //动画的暂停与开始
 //动画的暂停与开始
 var svg1 = document.getElementById("svg_an");
 var svg1 = document.getElementById("svg_an");
 function pauseAn() {
 function pauseAn() {