From 2d410989d32380d31ae3fe6d42aa3b3ba9e09d00 Mon Sep 17 00:00:00 2001
From: lrj <owen.stl@gmail.com>
Date: 星期五, 03 十月 2025 22:13:29 +0800
Subject: [PATCH] UI优化和bug修复: 1.调整小程序消息列表图标样式 2.优化web端比赛晋级页面布局 3.修复小程序消息列表日期显示问题

---
 wx/pages/index/index.wxss |  144 +++++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 131 insertions(+), 13 deletions(-)

diff --git a/wx/pages/index/index.wxss b/wx/pages/index/index.wxss
index dc08e67..df62744 100644
--- a/wx/pages/index/index.wxss
+++ b/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;
 }
 

--
Gitblit v1.8.0