使用 flex布局，一行两个卡片
<template>
<view class="video-card ">
<view class="image">
<image src="../../../static/demo/list2/"></image>
</view>
<view class="title">
<text>我租了个日本小姐姐陪我谈了三个钟...</text>
</view>
<view class="bar flex justify-between">
<view class="left">恶搞</view>
<view class="right"><view class="more lg text-gray cuIcon-moreandroid"></view></view>
</view>
</view>
</template>
<script>
</script>
<style lang="scss">
.video-card{
width: 327upx;
height: 401upx;
border-radius: 40upx;
.image image{
width: 330upx;
height: 233upx;
}
.title{
font-size: 28upx;
font-weight: bold;
}
.bar{
.left{
color: #bfbfbf;
}
.right{
.more{
width: 30upx;
height: 50upx;
}
}
}
}
</style>