light-application/light-application-wx/pages/chat-room/chat-room.wxml

<!--pages/chat-room/chat-room.wxml-->
<!-- <scroll-view class="chat-room">
    <view class="otherItem" bindtap="into_groups">
        <image src="{{imgPath}}/chat-group.png"></image>
        <text>群组</text>
    </view>
    <view class="chat" wx:for="{{list}}" wx:key="i" data-id="{{item.uuid}}" data-name="{{item.username}}" bindtap="chatDetail">
        <image class="photo" src="{{ item.photo ? item.photo : imgPath + '/chat-user.png'}}" mode="cover"></image>
        <view class="item-row">
            <text class="chat-name">{{item.username}}</text>
            <text class="chat-time">{{item.time}}</text>
            <text class="chat-content">{{item.content}}</text>
            <text class="unread-num" wx:if="{{item.num > 0}}">{{item.num}}</text>
        </view>
    </view>
</scroll-view> -->
<scroll-view scroll-y="true" class="chat-room">
    <view class="otherItem" bindtap="into_groups">
        <image src="{{imgPath}}/chat-group.png"></image>
        <text>群组</text>
    </view>
    <view class="chat" wx:for="{{arr}}" wx:key="i" data-item="{{item}}" catchtap="into_chatRoom">
        <image class="photo" src="{{ (item.chatType == 'groupchat' || item.chatType == 'chatRoom') ? imgPath + '/chat-group2.png' : imgPath + '/chat-user.png'}}" mode="cover"></image>
        <view class="item-row">
            <text class="chat-name">{{(item.chatType == 'groupchat' || item.chatType == 'chatRoom' || item.groupName) ? item.groupName : item.username}}</text>
            <text class="chat-time">{{item.time}}</text>
            <text class="chat-content" wx:if="{{item.msg.data[0].data}}">{{item.msg.data[0].data}}</text>
            <text class="chat-content" wx:if="{{item.msg.type == 'img'}}">[图片]</text>
            <text class="chat-content" wx:if="{{item.msg.type == 'audio'}}">[语音]</text>
            <text class="chat-content" wx:if="{{item.msg.type == 'video'}}">[视频]</text>
            <text class="unread-num" wx:if="{{item.unReadCount > 0 || item.unReadCount == '99+'}}">{{item.unReadCount}}</text>
        </view>
    </view>
    <!-- <view wx:for="{{ arr }}" wx:key="index" class="chat_list" data-item="{{ item }}" catchtap='del_chat'>
        <swipe-delete>
            <view class="tap_mask" catchtap="into_chatRoom" data-item="{{ item }}">
                <view class="list_box">
                    <view class="list_left" data-username="{{ item.username }}">
                        <view class="list_pic">
                            <view class="em-msgNum" wx:if="{{ item.unReadCount > 0 || item.unReadCount == '99+' }}">{{ item.unReadCount }}</view>

                            <image src="{{(item.chatType == 'groupchat' || item.chatType == 'chatRoom')? '../../images/groupTheme.png':'../../images/theme@2x.png'}}"></image>
                        </view>
                        <view class="list_text">
                            <text class="list_user">{{(item.chatType == 'groupchat' || item.chatType == 'chatRoom' || item.groupName)?item.groupName : item.username}}</text>
                            <text class="list_word" wx:if="{{ item.msg.data[0].data }}">{{item.msg.data[0].data}}</text>
                            <text class="list_word" wx:if="{{ item.msg.type == 'img' }}">[图片]</text>
                            <text class="list_word" wx:if="{{ item.msg.type == 'audio' }}">[语音]</text>
                            <text class="list_word" wx:if="{{ item.msg.type == 'video' }}">[视频]</text>
                        </view>
                    </view>
                    <view class="list_right">
                        <text data-username="{{ item.username }}">{{item.time}}</text>
                    </view>
                </view>
            </view>
        </swipe-delete>
    </view> -->
    <view wx:if="{{arr.length == 0}}" class="chat_noChat">
        当前没有历史聊天，添加一个好友开始聊天吧
    </view>
    <!-- </view> -->
</scroll-view>
<!-- bug: margin-bottom 不生效 需要加一个空标签-->
<view style="height: 1px;"></view>

<view class="mask" bindtap="close_mask" wx:if="{{show_mask}}"></view>

<view class="scan-jion-group" bindtap="scanJoinGroup">
    <text>扫一扫</text>
    <text>加入群聊</text>
</view>