store article 8.13

pageC/components/merchant/video-top.vue

@@ -1,6 +1,7 @@
 <template>
-    <view class="videoTop">
-          <video :src="url" :show-fullscreen-btn="true"></video>
+    <view class="videoTop" @click="toDetailsPage">
+		  <image :src="url" mode="aspectFill" class="video"></image>
+		  <image src="/static/videoPlay.png" mode="aspectFill" class="play-video"></image>
     </view>
 </template>
 <style lang="scss" scoped>
@@ -8,10 +9,22 @@
     width: 100%;
     height: 284rpx;
     margin-bottom: 20rpx;
-    >video{
+	position: relative;
+    .video{
+		position: absolute;
         width: 100%;
         height: 100%;
+		z-index: 9;
     }
+	.play-video {
+		position: absolute;
+		width: 100rpx;
+		height: 100rpx;
+		z-index: 19;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+	}
 }
 </style>
 <script>
@@ -21,6 +34,13 @@ export default {
         return {
         }
     },
-    props:['url']
+	props:['url'],
+	methods: {
+		toDetailsPage(id) {
+			this.$u.route('pageB/video/video', {
+				id: id
+			});
+		},
+	}
 }
 </script>