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 |  116 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 115 insertions(+), 1 deletions(-)

diff --git a/wx/pages/index/index.wxss b/wx/pages/index/index.wxss
index 00624fe..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;
@@ -194,6 +205,109 @@
   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 {
   margin-bottom: 30rpx;
   overflow: hidden;

--
Gitblit v1.8.0