play

src/components/Cardcommon.vue

@@ -7,7 +7,9 @@
                 :to="{path:'/detail',query:{id:dataV.id}}"
                 v-if="cartType==='detail'"
             ></router-link>
-            <router-link tag="div" class="smallA" :to="{path:'/detail',query:{id:dataV.id}}"></router-link>
+            <router-link tag="div" class="smallA" :to="{path:'/detail',query:{id:dataV.id}}">
+                <img class="play" :src="play" alt="">
+            </router-link>
             <div class="text" v-if="cartType === 'userCenter'">{{dataV.title}}</div>
             <div class="userInfoBox">
                 <section class="userInfo" v-if="cartType==='detail'">
@@ -50,7 +52,8 @@ export default {
     },
     data() {
         return {
-            src: null
+            src: null,
+            play: require('../pages/index/assets/images/play.png')
         };
     },
     created() {
@@ -133,6 +136,13 @@ export default {
         left: 0;
         right: 0;
         bottom: 145px;
+        width: 100%;
+        display: flex;
+        align-items: center;
+        img.play {
+            width: 30%;
+            margin: 0 auto;
+        }
     }
 
     .imgBox {