活动类型

components/activityList/index.less

@@ -261,4 +261,46 @@
       height: 34rpx !important;
     }
   }
+
+  .activityBox {
+    margin-bottom: 20rpx;
+    width: 100%;
+    padding: 20rpx 20rpx 34rpx;
+    box-sizing: border-box;
+    background-color: white;
+    border-radius: 30rpx;
+
+    .cover {
+      width: 100%;
+      height: 260rpx;
+      border-radius: 20rpx;
+      background-color: #EBEBEB;
+    }
+
+    .footer {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 10rpx 0rpx;
+
+      .info {
+        .title {
+          font-size: 32rpx;
+        }
+
+        .time {
+          font-size: 26rpx;
+        }
+      }
+
+      .btn {
+        padding: 10rpx 48rpx;
+        background-image: linear-gradient(270deg, #33C3FF 0%, #81C7FF 100%, #14C962 100%);
+        box-shadow: 0 4rpx 10rpx 0 rgba(50, 197, 255, 0.46);
+        border-radius: 50rpx;
+        color: white;
+        font-size: 32rpx;
+      }
+    }
+  }
 }

components/activityList/index.wxml

@@ -81,4 +81,14 @@
       </view>
     </view>
   </view>
+  <view class="activityBox">
+    <image src="" class="cover" />
+    <view class="footer">
+      <view class="info">
+        <view class="title">新学期 朗读赛</view>
+        <view class="time">2023.03.8-2023.03.14</view>
+      </view>
+      <view class="btn">立即参与</view>
+    </view>
+  </view>
 </view>

components/activityList/index.wxss

@@ -210,3 +210,37 @@
   width: 38rpx !important;
   height: 34rpx !important;
 }
+.activityList .activityBox {
+  margin-bottom: 20rpx;
+  width: 100%;
+  padding: 20rpx 20rpx 34rpx;
+  box-sizing: border-box;
+  background-color: white;
+  border-radius: 30rpx;
+}
+.activityList .activityBox .cover {
+  width: 100%;
+  height: 260rpx;
+  border-radius: 20rpx;
+  background-color: #EBEBEB;
+}
+.activityList .activityBox .footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10rpx 0rpx;
+}
+.activityList .activityBox .footer .info .title {
+  font-size: 32rpx;
+}
+.activityList .activityBox .footer .info .time {
+  font-size: 26rpx;
+}
+.activityList .activityBox .footer .btn {
+  padding: 10rpx 48rpx;
+  background-image: linear-gradient(270deg, #33C3FF 0%, #81C7FF 100%, #14C962 100%);
+  box-shadow: 0 4rpx 10rpx 0 rgba(50, 197, 255, 0.46);
+  border-radius: 50rpx;
+  color: white;
+  font-size: 32rpx;
+}