更新 VideoCard

src/components/card/VideoCard.vue

@@ -10,17 +10,17 @@
               :src="video.coverUrl"
               class="coverImg"
             />
-            <span style="position: absolute; bottom: 0; left: 0; color:red">
-              <i v-if="video.viewCount === 0" class="el-icon-mobile-phone" />
-              <i v-else class="el-icon-monitor" />
+            <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" />
             </span>
-            <span style="position: absolute; bottom: 0; left: 10%; color:red">
+            <span style="position: absolute; bottom: 0; left: 10%; color:white">
               <i class="el-icon-video-play">{{ getVisited(video.viewCount) }}</i>
             </span>
-            <span style="position: absolute; bottom: 0; left: 30%; color:red">
+            <span style="position: absolute; bottom: 0; left: 30%; color:white">
               <i class="el-icon-s-comment">{{ getVisited(video.commentCount) }}</i>
             </span>
-            <span style="position: absolute; bottom: 0; right: 0; color:red"> {{ video.duration }} </span>
+            <span style="position: absolute; bottom: 0; right: 0; color:white"> {{ video.duration }} </span>
           </div>
         </router-link>
         <div style="padding: 14px">
@@ -30,7 +30,7 @@
         </div>
         <div style="padding: 14px">
           <span style="left: 0;margin-bottom: 0px;color: black;">
-            <router-link target="_blank" :to="`/user/${video.user.userId}`"><i class="el-icon-user"> {{ video.user.screenName }} </i></router-link> · {{ video.updateTime }}
+            <router-link target="_blank" :to="`/user/${video.user.userId}`"><i class="el-icon-user"> {{ video.user.screenName }} </i></router-link> · {{ video.pubDate }}
           </span>
         </div>
       </el-card>