播放图标

src/components/articleList/index.vue

@@ -7,7 +7,10 @@
             class="item flex-between"
             :class="[v.infoType == 1 ? 'layout1' : 'layout2']"
         >
-            <img :src="evn.APP_IMAGE_BASE_API + v.thumbnailPath" v-if="v.infoType == 2" />
+            <view class="video" v-if="v.infoType == 2">
+                <image class="video-img" mode="widthFill" :src="evn.APP_IMAGE_BASE_API + v.thumbnailPath"> </image>
+                <image class="play-icon" v-if="v.videoPath" src="../../static/image/icon/play.png"></image>
+            </view>
             <view>
                 <view class="title">{{ v.title }}</view>
                 <view class="flex-align-center">
@@ -82,10 +85,29 @@ function navigateTo(url) {
             letter-spacing: 0rpx;
         }
     }
+    .video {
+        height: 100%;
+        width: 100%;
+        position: relative;
+        .video-img {
+            height: 100%;
+            height: 294rpx;
+            z-index: 0;
+        }
+        .play-icon {
+            position: absolute;
+            z-index: 1;
+            height: 80rpx;
+            width: 80rpx;
+            top: calc(50% - 40rpx);
+            left: calc(50% - 40rpx);
+        }
+    }
     .layout2 {
         flex-direction: column;
         align-items: flex-start;
-        img {
+
+        image {
             width: 100%;
             height: 294rpx;
             margin: 0;

src/pages/dynamic/index.vue

@@ -90,6 +90,7 @@ changeType({ id: "" });
     display: flex;
     flex-direction: column;
     height: 100%;
+    padding-bottom: 100rpx;
 }
 .tab-name {
     display: flex;

src/pages/policy/index.vue

@@ -84,6 +84,7 @@ changeType({ id: "" });
     display: flex;
     flex-direction: column;
     height: 100%;
+    padding-bottom: 100rpx;
 }
 .tab-name {
     display: flex;