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.wxml | 167 +++++--------------------------------------------------
1 files changed, 16 insertions(+), 151 deletions(-)
diff --git a/wx/pages/message/message.wxml b/wx/pages/message/message.wxml
index d48b7f5..1738522 100644
--- a/wx/pages/message/message.wxml
+++ b/wx/pages/message/message.wxml
@@ -1,4 +1,5 @@
-<!--pages/message/message.wxml-->
+<wxs module="utils" src="./utils.wxs" />
+
<view class="container">
<!-- 鍔犺浇鐘舵�� -->
<view wx:if="{{loading}}" class="loading-container">
@@ -7,161 +8,25 @@
</view>
<!-- 娑堟伅鍐呭 -->
- <view wx:else class="message-content">
- <!-- 椤堕儴缁熻鍜屾搷浣滄爮 -->
- <view class="header-bar">
- <view class="stats-info">
- <text class="total-count">鍏� {{stats.total}} 鏉℃秷鎭�</text>
- <text wx:if="{{stats.unread > 0}}" class="unread-count">{{stats.unread}} 鏉℃湭璇�</text>
- </view>
-
- <view class="header-actions">
- <!-- 绛涢�夋寜閽� -->
- <view class="filter-btn {{showFilter ? 'active' : ''}}" bindtap="onToggleFilter">
- <text class="icon ic-filter"></text>
- <text class="filter-text">绛涢��</text>
- </view>
-
- <!-- 閫夋嫨妯″紡鎸夐挳 -->
- <view class="select-btn {{selectMode ? 'active' : ''}}" bindtap="onToggleSelectMode">
- <text class="icon {{selectMode ? 'ic-close' : 'ic-choose'}}"></text>
- <text class="select-text">{{selectMode ? '鍙栨秷' : '閫夋嫨'}}</text>
- </view>
-
- <!-- 鍏ㄩ儴宸茶鎸夐挳 -->
- <view wx:if="{{stats.unread > 0 && !selectMode}}" class="mark-all-btn" bindtap="markAllAsRead">
- <text class="icon ic-choose"></text>
- <text class="mark-all-text">鍏ㄩ儴宸茶</text>
- </view>
- </view>
+ <view wx:else>
+ <!-- 绌虹姸鎬� -->
+ <view wx:if="{{messages.length === 0}}" class="empty-state">
+ <text class="empty-icon icon ic-list"></text>
+ <text class="empty-text">鏆傛棤娑堟伅</text>
</view>
-
- <!-- 绛涢�夐潰鏉� -->
- <view wx:if="{{showFilter}}" class="filter-panel">
- <view class="filter-section">
- <text class="filter-label">娑堟伅绫诲瀷锛�</text>
- <view class="filter-options">
- <view
- wx:for="{{typeOptions}}"
- wx:key="value"
- class="filter-option {{filter.type === item.value ? 'active' : ''}}"
- data-type="type"
- data-value="{{item.value}}"
- bindtap="onFilterChange"
- >
- {{item.label}}
- </view>
- </view>
- </view>
-
- <view class="filter-section">
- <text class="filter-label">闃呰鐘舵�侊細</text>
- <view class="filter-options">
- <view
- wx:for="{{statusOptions}}"
- wx:key="value"
- class="filter-option {{filter.status === item.value ? 'active' : ''}}"
- data-type="status"
- data-value="{{item.value}}"
- bindtap="onFilterChange"
- >
- {{item.label}}
- </view>
- </view>
- </view>
- </view>
-
- <!-- 閫夋嫨妯″紡鎿嶄綔鏍� -->
- <view wx:if="{{selectMode}}" class="select-actions">
- <view class="select-all-btn" bindtap="onToggleSelectAll">
- <text class="select-all-icon">{{selectedMessages.length === messages.length && messages.length > 0 ? '鈽�' : '鈽�'}}</text>
- <text class="select-all-text">鍏ㄩ��</text>
- </view>
-
- <view class="selected-count">
- 宸查�夋嫨 {{selectedMessages.length}} 鏉�
- </view>
-
- <view class="batch-actions">
- <view wx:if="{{selectedMessages.length > 0}}" class="delete-selected-btn" bindtap="onDeleteSelected">
- <text class="delete-icon">馃棏</text>
- <text class="delete-text">鍒犻櫎</text>
- </view>
- </view>
- </view>
-
+
<!-- 娑堟伅鍒楄〃 -->
- <view class="message-list">
- <!-- 娑堟伅椤� -->
- <view
- wx:for="{{messages}}"
- wx:key="id"
- class="message-item {{!item.isRead ? 'unread' : ''}} {{selectMode && item.isSelected ? 'selected' : ''}}"
- data-id="{{item.id}}"
- data-index="{{index}}"
- bindtap="onMessageTap"
- bindlongpress="onMessageLongPress"
- >
- <!-- 閫夋嫨妗� -->
- <view wx:if="{{selectMode}}" class="message-checkbox">
- <text class="checkbox-icon">{{item.isSelected ? '鈽�' : '鈽�'}}</text>
+ <view wx:else class="message-list">
+ <view wx:for="{{messages}}" wx:key="id" class="message-card">
+ <view class="icon-wrapper">
+ <!-- 浣跨敤鏇村悎閫傜殑娑堟伅鍥炬爣 -->
+ <text class="icon ic-comment"></text>
</view>
-
- <!-- 娑堟伅鍥炬爣 -->
- <view class="message-icon">
- <text class="type-icon">{{getTypeIcon(item.type)}}</text>
- <view wx:if="{{!item.isRead}}" class="unread-dot"></view>
+ <view class="text-wrapper">
+ <text class="title">{{item.content}}</text>
+ <text class="timestamp">{{utils.formatTime(item.createTime)}}</text>
</view>
-
- <!-- 娑堟伅鍐呭 -->
- <view class="message-content-area">
- <view class="message-header">
- <text class="message-title">{{item.title}}</text>
- <text class="message-time">{{formatTime(item.createdAt)}}</text>
- </view>
-
- <view class="message-body">
- <text class="message-text">{{item.content}}</text>
- </view>
-
- <view class="message-footer">
- <text class="message-type">{{getTypeText(item.type)}}</text>
- <view wx:if="{{item.relatedActivity}}" class="related-activity">
- <text class="activity-label">鐩稿叧娲诲姩锛�</text>
- <text class="activity-title">{{item.relatedActivity.title}}</text>
- </view>
- </view>
- </view>
-
- <!-- 鏈鏍囪瘑 -->
- <view wx:if="{{!item.isRead && !selectMode}}" class="unread-badge">
- <text class="unread-text">鏈</text>
- </view>
- </view>
-
- <!-- 鍔犺浇鏇村 -->
- <view wx:if="{{loadingMore}}" class="loading-more">
- <view class="loading-spinner small"></view>
- <text class="loading-text">鍔犺浇鏇村...</text>
- </view>
-
- <!-- 娌℃湁鏇村鏁版嵁 -->
- <view wx:if="{{!hasMore && messages.length > 0}}" class="no-more">
- <text class="no-more-text">娌℃湁鏇村娑堟伅浜�</text>
- </view>
-
- <!-- 绌虹姸鎬� -->
- <view wx:if="{{!loading && messages.length === 0}}" class="empty-state">
- <view class="empty-icon">馃摥</view>
- <text class="empty-title">鏆傛棤娑堟伅</text>
- <text class="empty-desc">鎮ㄨ繕娌℃湁鏀跺埌浠讳綍娑堟伅</text>
</view>
</view>
- </view>
-
- <!-- 鍒锋柊鎻愮ず -->
- <view wx:if="{{refreshing}}" class="refresh-tip">
- <view class="refresh-spinner"></view>
- <text class="refresh-text">鍒锋柊涓�...</text>
</view>
</view>
\ No newline at end of file
--
Gitblit v1.8.0