bwj_wechat/pages/chatRoom/index.wxml

<!-- 搜索/新建 -->
<view class="search-box">
    <view class="search-input">
        <image src="/static/icon-16.png"></image>
        <input type="text" confirm-type='search' placeholder="搜索成员" placeholder-class="input-placeholder" />
    </view>
    <view class="newly-built">
        <van-button custom-class='newButton'>
            <image class="newly-built-icon" src="/static/icon-15.png"></image>创建
        </van-button>
    </view>
</view>
<!-- 个人聊天 -->
<view style="margin-top: 30rpx;">
    <view class="msg-box">
        <navigator url="#" wx:for="{{relationList}}" data-item="{{item}}" bindtap="enterTheDialogue">
            <view class="msgImg">
                <image wx:if="{{item.latestnews[0].message.sendfrom.headpic}}" src="{{item.latestnews[0].message.sendfrom.headpic}}"></image>
                <image wx:else src="/static/tacitly-approve/MRproduct.png"></image>
            </view>
            <view class="borTop">
                <view class="msgText">
                    <view class="title u-line-1">{{item.latestnews[0].fname}}</view>
                    <view class="msg u-line-1">{{item.latestnews[0].message.ftype=='file'?'[图片]':item.latestnews[0].message.data.fcontent}}</view>
                </view>
                <view class="msgCount">
                    <view class="time u-line-1">{{item.fjoindate}}</view>
                    <view class="count u-line-1">
                        <view wx:if="{{item.funreadmsgcount>0}}">{{item.funreadmsgcount}}</view>
                    </view>
                </view>
            </view>
        </navigator>
    </view>
    <My_pageReachBottom dummyStatus="{{relationList.length>0}}" loadMore='{{5>=0}}'></My_pageReachBottom>
</view>
<!-- 底部 -->
<view class="footer">
    <view style="display: flex;justify-content: space-around;">
        <view class="option-item" data-index="0" catchtap="footerOption">
            <image hidden="{{optionItem!=0}}" mode="heightFix" src="/static/chatRoom/one-to-one-ac.png"></image>
            <image hidden="{{optionItem==0}}" mode="heightFix" src="/static/chatRoom/one-to-one.png"></image>
            <view class="item-text">个聊</view>
        </view>
        <view class="option-item" data-index="1" catchtap="footerOption">
            <image hidden="{{optionItem!=1}}" mode="heightFix" src="/static/chatRoom/group-of-people-ac.png"></image>
            <image hidden="{{optionItem==1}}" mode="heightFix" src="/static/chatRoom/group-of-people.png"></image>
            <view class="item-text">群聊</view>
        </view>
    </view>
    <view wx:if="{{iosX}}" style="height: 34rpx;"></view>
</view>
<!-- 底部占位 -->
<view style="height:{{iosX?'134':'100'}}rpx;"></view>