You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
1.5 KiB
43 lines
1.5 KiB
3 months ago
|
<view class="chat-container">
|
||
|
|
<!-- 页面顶部导航已在index.json中配置 -->
|
||
|
|
|
||
|
|
<!-- 消息类型切换 -->
|
||
|
|
<view class="message-tabs">
|
||
|
|
<view class="tab-item active">全部</view>
|
||
|
|
<view class="tab-item">未读</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 清除未读提示 -->
|
||
|
|
<view class="clear-unread">
|
||
|
|
<text class="clear-btn" bindtap="clearAllUnreadStatus">清除未读</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 消息列表 -->
|
||
|
|
<view class="message-list">
|
||
|
|
<!-- 提示消息 -->
|
||
|
|
<view class="message-tips">
|
||
|
|
以下为3天前的消息，提示将弱化
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 动态消息列表 -->
|
||
|
|
<block wx:if="{{messages.length > 0}}">
|
||
|
|
<view wx:for="{{messages}}" wx:key="id" class="message-item" bindtap="navigateToChatDetail" data-user-id="{{item.id}}" data-user-name="{{item.name}}">
|
||
|
|
<view class="message-avatar">
|
||
|
|
<text class="avatar-icon">{{item.avatar}}</text>
|
||
|
|
<view wx:if="{{!item.isRead}}" class="unread-dot"></view>
|
||
|
|
</view>
|
||
|
|
<view class="message-content">
|
||
|
|
<view class="message-header">
|
||
|
|
<text class="message-name">{{item.name}}</text>
|
||
|
|
<text class="message-time">{{item.time}}</text>
|
||
|
|
</view>
|
||
|
|
<text class="message-text {{!item.isRead ? 'unread' : ''}}">{{item.content}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</block>
|
||
|
|
<!-- 空状态提示 -->
|
||
|
|
<view wx:else class="empty-state">
|
||
|
|
<text class="empty-text">暂无消息</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|