JiangxiMiniProgram/pages/indexEntry/publicVideo/comp/videoItem.vue

<template>
	<view class="vdo">
		<view class="coverBox">
			<view class="start">
				<image src="@/static/images/index/btn_bofang.png" mode=""></image>
			</view>
			<view class="cover">
				<image src="@/static/images/logo.png" mode=""></image>
			</view>
		</view>
		<view class="text oneRowText">公益短片之“车速决定命运”</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.coverBox {
		width: 100%;
		height: 168rpx;
		background: $themC;
		border-radius: 12rpx;
		position: relative;
	  .start {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		width: 50rpx;
		height: 50rpx;
		z-index: 2;
	  }
		
	  .cover {
		width: 100%;
		height: 100%;
	  }
	}
		
	.text {
		font-size: 24rpx;
		padding: 20rpx 0 6rpx 0;
	}
</style>