没有资源的视频贴在左上角使用 el-icon-close 图标标识

src/components/card/VideoCard.vue

@@ -10,6 +10,9 @@
               :src="video.coverUrl"
               class="coverImg"
             />
+            <span style="position: absolute; top: 0; left: 0; color:red">
+              <i v-if="!video.cached" class="el-icon-close" />
+            </span>
             <span style="position: absolute; bottom: 0; left: 0; color:white">
               <i v-if="video.horizontal" class="el-icon-monitor" />
               <i v-else class="el-icon-mobile-phone" />
@@ -17,10 +20,10 @@
             <span style="position: absolute; bottom: 0; left: 10%; color:white">
               <i class="el-icon-video-play">{{ getVisited(video.view) }}</i>
             </span>
-            <span style="position: absolute; bottom: 0; left: 30%; color:white">
+            <span style="position: absolute; bottom: 0; left: 40%; color:white">
               <i class="el-icon-s-comment">{{ getVisited(video.comment) }}</i>
             </span>
-            <span style="position: absolute; bottom: 0; right: 0; color:white"> {{ video.duration }} </span>
+            <span style="position: absolute; bottom: 0; left: 70%; color:white"> {{ video.duration }} </span>
           </div>
         </router-link>
         <div style="padding: 14px">