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

<!--pages/chat-room/chat-room.wxml-->
<scroll-view class="chat-room">
    <view class="chat" wx:for="{{list}}" wx:for-item="item" wx:key="i" data-id="{{item.id}}" data-name="{{item.name}}" bindtap="chatDetail">
        <image class="photo" src="{{item.photo}}" mode="cover"></image>
        <view class="item-row">
            <text class="chat-name">{{item.name}}</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>