Prechádzať zdrojové kódy

添加视频时间长度显示

reghao 3 rokov pred
rodič
commit
d941b6c54b

+ 8 - 5
src/components/card/item-card.vue

@@ -2,11 +2,14 @@
   <!-- padding-left: 10px; padding-right: 10px; -->
   <div style="width: 320px">
     <router-link :to="`/video/${videoInfo.videoId}`">
-      <v-img
-        :src="videoInfo.coverUrl"
-        outlined
-        aspect-ratio="1.77"
-      />
+      <div style="position: relative; width: 320px; height: 180px;">
+        <v-img
+          :src="videoInfo.coverUrl"
+          outlined
+          aspect-ratio="1.77"
+        />
+        <span style="position: absolute; bottom: 0; right: 0; color:red">{{ videoInfo.duration }}</span>
+      </div>
     </router-link>
     <v-row>
       <v-col cols="2">

+ 8 - 5
src/components/card/video-card.vue

@@ -3,11 +3,14 @@
   <!-- padding-left: 10px; padding-right: 10px; -->
   <div style="width: 320px">
     <router-link :to="`/video/${videoInfo.videoId}`">
-      <v-img
-        :src="videoInfo.coverUrl"
-        outlined
-        aspect-ratio="1.77"
-      />
+      <div style="position: relative; width: 320px; height: 180px;">
+        <v-img
+          :src="videoInfo.coverUrl"
+          outlined
+          aspect-ratio="1.77"
+        />
+        <span style="position: absolute; bottom: 0; right: 0; color:red">{{ videoInfo.duration }}</span>
+      </div>
     </router-link>
     <v-row>
       <v-col cols="2">