<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>
