UI优化和bug修复: 1.调整小程序消息列表图标样式 2.优化web端比赛晋级页面布局 3.修复小程序消息列表日期显示问题

lrj

10 小时以前 2d410989d32380d31ae3fe6d42aa3b3ba9e09d00

 wx/pages/index/index.wxss

@@ -47,11 +47,14 @@

/* 轮播图样式 */
.banner-section {
  margin-bottom: 20rpx;
  margin-bottom: 24rpx;
  padding: 0 20rpx;
}

.banner-swiper {
  height: 400rpx;
  border-radius: 24rpx;
  overflow: hidden;
}

.banner-media {
@@ -163,6 +166,14 @@
  white-space: nowrap;
}

/* 模块标题 */
.section-title {
  padding: 20rpx 20rpx 12rpx;
  font-size: 40rpx;
  font-weight: 700;
  color: #0f172a;
}

/* 筛选栏样式 */
.filter-bar {
  background: #ffffff;
@@ -192,6 +203,109 @@
/* 赛事列表样式 */
.activity-list {
  padding: 0 20rpx;
}

/* 新版水平卡片 */
.activity-card-horizontal {
  background: #ffffff;
  border-radius: 20rpx;
  padding: 24rpx;
  margin: 24rpx 0 0;
}

.activity-row {
  display: flex;
  align-items: center;
  gap: 24rpx;
}

.info-col {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding-top: 2rpx;
}
.btn-row {
  width: 100%;
  margin-top: auto; /* 将按钮推到底部 */
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.deadline {
  font-size: 24rpx;
  color: #64748b;
  margin-bottom: 10rpx;
}

.activity-title-lg {
  font-size: 34rpx;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.3;
  margin-bottom: 12rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.registered {
  font-size: 24rpx;
  color: #94a3b8;
  margin-bottom: 16rpx;
}

.ghost-btn {
  background: #E6F0FF;
  color: #007aff;
  font-size: 26rpx;
  padding: 14rpx 0;
  border-radius: 999rpx;
  line-height: 1;
  border: none;
  width: 140rpx;
  text-align: center;
  /* align-self 已移除，由父级 .btn-row 控制对齐 */
  /* 移除button默认样式 */
  margin: 0;
  position: static;
  display: inline-block;
}

.ghost-btn::after {
  border: none;
}

.ghost-btn:active {
  background: #e2e8f0;
}

.thumb-col {
  width: 192rpx;
  height: 192rpx;
  flex-shrink: 0;
  border-radius: 20rpx;
  overflow: hidden;
}

.thumb-image {
  width: 100%;
  height: 100%;
  border-radius: 20rpx;
}

.thumb-placeholder {
  width: 100%;
  height: 100%;
  background: #e2e8f0;
  color: #475569;
  font-size: 36rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20rpx;
}

.activity-card {
@@ -289,36 +403,40 @@

/* 底部信息样式 */
.bottom-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16rpx;
  gap: 20rpx;
}

.registration-info {
  flex: 1;
  min-width: 0;
  width: 100%;
}

.progress-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8rpx;
  gap: 20rpx;
}

.progress-text {
  color: #333333;
  font-size: 24rpx;
  margin-bottom: 8rpx;
  display: block;
  flex: 1;
  min-width: 0;
}

.progress-bar {
  height: 6rpx;
  background: #f0f0f0;
  border-radius: 3rpx;
  height: 8rpx;
  background: #e0e0e0;
  border-radius: 4rpx;
  overflow: hidden;
  margin-bottom: 8rpx;
}

.progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #1976d2, #42a5f5);
  border-radius: 3rpx;
  border-radius: 4rpx;
  transition: width 0.3s ease;
}