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/message/message.wxss | 119 +++++++++++++++++++++++++++++++----------------------------
1 files changed, 63 insertions(+), 56 deletions(-)
diff --git a/wx/pages/message/message.wxss b/wx/pages/message/message.wxss
index ddde0f9..bb839f8 100644
--- a/wx/pages/message/message.wxss
+++ b/wx/pages/message/message.wxss
@@ -1,7 +1,13 @@
-/* pages/message/message.wxss */
+@import "../../style/icon.wxss";
+
+page {
+ background-color: #f4f5f9;
+}
+
.container {
+ padding: 24rpx;
min-height: 100vh;
- background-color: #f5f5f5;
+ box-sizing: border-box;
}
/* 鍔犺浇鐘舵�� */
@@ -17,7 +23,7 @@
width: 40rpx;
height: 40rpx;
border: 4rpx solid #e0e0e0;
- border-top: 4rpx solid #1976d2;
+ border-top: 4rpx solid #007aff;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@@ -33,73 +39,74 @@
100% { transform: rotate(360deg); }
}
-/* 娑堟伅鍐呭 */
-.message-content {
- padding: 20rpx;
-}
-
-/* 娑堟伅缁熻 */
-.message-stats {
- background-color: #fff;
- border-radius: 16rpx;
- padding: 24rpx;
- margin-bottom: 20rpx;
- box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-}
-
-.stats-text {
- font-size: 28rpx;
- color: #666;
- font-weight: 500;
-}
-
-/* 娑堟伅鍒楄〃 */
-.message-list {
- background-color: #fff;
- border-radius: 16rpx;
- overflow: hidden;
-}
-
-/* 娑堟伅椤� */
-.message-item {
- padding: 30rpx 24rpx;
- border-bottom: 1rpx solid #f0f0f0;
- background-color: #fff;
-}
-
-.message-item:last-child {
- border-bottom: none;
-}
-
-.message-content-text {
- font-size: 32rpx;
- color: #333;
- line-height: 1.5;
- margin-bottom: 16rpx;
- word-wrap: break-word;
-}
-
-.message-time {
- font-size: 24rpx;
- color: #999;
-}
-
/* 绌虹姸鎬� */
.empty-state {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
- padding: 120rpx 40rpx;
- text-align: center;
+ padding-top: 200rpx;
}
.empty-icon {
font-size: 120rpx;
margin-bottom: 24rpx;
+ opacity: 0.5;
}
.empty-text {
font-size: 28rpx;
color: #999;
+}
+
+/* 娑堟伅鍒楄〃 */
+.message-list {
+ width: 100%;
+}
+
+.message-card {
+ display: flex;
+ align-items: center;
+ background-color: #fff;
+ border-radius: 16rpx;
+ padding: 32rpx;
+ margin-bottom: 24rpx;
+ box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
+}
+
+.icon-wrapper {
+ width: 60rpx;
+ height: 60rpx;
+ border-radius: 50%;
+ background-color: #e6f3ff; /* 娴呰摑鑹茶儗鏅� */
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-right: 24rpx;
+ flex-shrink: 0;
+}
+
+.icon-wrapper .icon {
+ font-size: 28rpx;
+ color: #007aff; /* 娣辫摑鑹插浘鏍� */
+}
+
+.text-wrapper {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ flex: 1;
+}
+
+.title {
+ font-size: 30rpx;
+ font-weight: 500;
+ color: #333;
+ margin-bottom: 8rpx;
+ word-break: break-all;
+}
+
+.timestamp {
+ font-size: 24rpx;
+ color: #999;
}
\ No newline at end of file
--
Gitblit v1.8.0