图表没有数据的样式

components/bussiness/ranking-item-days.vue

 <!-- 完成天数排名组件 -->
 <template>
-  <ul v-if="rankList.length" class="rank-item-days">
-    <li v-for="(item, index) in rankList" :key="index">
-      <div class="order">
-        <img v-if="index === 0 || index === 1 || index === 2" :src="getRankImgUrl(index)" alt="">
-        <span v-else>{{index + 1}}</span>
-      </div>
-      <div class="content">
-        <p class="desc-3">{{item.subName | shortName}}</p>
-        <!-- <p class="desc-2">完成人数 8860 | 参与人数 101</p> -->
-      </div>
-      <div class="ratio">
-        <p class="desc-1">{{(item.costTime || 0).toFixed(1) }}天</p>
-        <p class="desc-2">完成天数</p>
-      </div>
-    </li>
+  <div>
+    <ul v-if="rankList.length" class="rank-item-days">
+      <li v-for="(item, index) in rankList" :key="index">
+        <div class="order">
+          <img v-if="index === 0 || index === 1 || index === 2" :src="getRankImgUrl(index)" alt="">
+          <span v-else>{{index + 1}}</span>
+        </div>
+        <div class="content">
+          <p class="desc-3">{{item.subName | shortName}}</p>
+          <!-- <p class="desc-2">完成人数 8860 | 参与人数 101</p> -->
+        </div>
+        <div class="ratio">
+          <p class="desc-1">{{(item.costTime || 0).toFixed(1) }}天</p>
+          <p class="desc-2">完成天数</p>
+        </div>
+      </li>
+    </ul>
     <NoContent v-show="!rankList.length"></NoContent>
-  </ul>
+  </div>
+
 </template>
 <script>
 import NoContent from "@/components/bussiness/no-content";