yixiang/components/video-list/index.vue

<template>
	<view class="video-info" @click="toinfo">
		<image :src="item.image" mode="aspectFill"></image>
		<view class="name text_hide2">{{item.video_title}}</view>
		<view class="bottom">
			<text>{{item.like_count || 0}}喜欢· </text>
			<text>{{item.comment_count || 0}}评论</text>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			item: {
				typeof: Object,
				default: {}
			}
		},
		data() {
			return {
				
			}
		},
		methods: {
			toinfo() {
				uni.navigateTo({
					url: '/pageA/info-detail?id=' + this.item.id + '&type=video'
				})
			}
		}
	}
</script>

<style lang="scss">
	.video-info {
		image {
			width: 272rpx;
			height: 148rpx;
			border-radius: 24rpx;
			margin: 0 20rpx 0 0;
		}
		.name {
			max-width: 272rpx;
			font-size: 24rpx;
			font-family: SFPro, SFPro;
			font-weight: 500;
			color: #333333;
			margin: 12rpx 0 16rpx;
		}
		.bottom {
			font-size: 22rpx;
			font-family: SFPro, SFPro;
			font-weight: 400;
			color: #666666;
		}
	}
</style>