1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<wxs module="utils" src="./utils.wxs" />
 
<view class="container">
  <!-- 加载状态 -->
  <view wx:if="{{loading}}" class="loading-container">
    <view class="loading-spinner"></view>
    <text class="loading-text">加载中...</text>
  </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: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="text-wrapper">
          <text class="title">{{item.content}}</text>
          <text class="timestamp">{{utils.formatTime(item.createTime)}}</text>
        </view>
      </view>
    </view>
  </view>
</view>