51 lines
1.2 KiB
Vue
51 lines
1.2 KiB
Vue
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<view class="event_list_title"> 推荐活动 </view>
|
|||
|
|
<view class="event_content">
|
|||
|
|
<view class="event_item" v-for="i in 3" :key="i">
|
|||
|
|
<view class="event_item_img">
|
|||
|
|
<image
|
|||
|
|
src="https://jyw-1322946948.cos.ap-guangzhou.myqcloud.com/upload/EuNcGCA-nozuZEa1BiUWV.jpg"
|
|||
|
|
mode="heightFix"
|
|||
|
|
/>
|
|||
|
|
</view>
|
|||
|
|
<view class="event_item_name"> 【美好生活宠粉季】邀您来拼团啦！ </view>
|
|||
|
|
<view class="event_item_data"> 活动时间:2025.03.01-2025.03.02 </view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.event_list_title {
|
|||
|
|
padding: 0 30rpx 30rpx 30rpx;
|
|||
|
|
}
|
|||
|
|
.event_content {
|
|||
|
|
padding: 0 30rpx 30rpx 30rpx;
|
|||
|
|
.event_item {
|
|||
|
|
background-color: #fff;
|
|||
|
|
border-radius: 20rpx;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-bottom: 30rpx;
|
|||
|
|
.event_item_img {
|
|||
|
|
height: 306rpx;
|
|||
|
|
}
|
|||
|
|
image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 306rpx;
|
|||
|
|
border-top-left-radius: 20rpx;
|
|||
|
|
border-top-right-radius: 20rpx;
|
|||
|
|
}
|
|||
|
|
.event_item_name {
|
|||
|
|
padding: 15rpx 30rpx;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #333;
|
|||
|
|
}
|
|||
|
|
.event_item_data {
|
|||
|
|
padding: 0 30rpx 20rpx 30rpx;
|
|||
|
|
color: #666666;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|