You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
<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="item.videoCover" mode="aspectFill"></image> </view> </view> <view class="text oneRowText">{{ item.title }}</view> </view> </template>
<script> export default { props: ['item'] } </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%; overflow: hidden; } } .text { font-size: 24rpx; padding: 20rpx 0 6rpx 0; } </style>
|