channel_business/pages/msgModule/wechat2/wechat2.wxml

<!-- pages/wechat2/wechat2.wxml -->
<view class="chat-header">
    <view class="header-image-box">
        <image class="header-image" src="{{receivebaseInfo.avatar}}"></image>
    </view>
    <view>
        <view class="chat-name">{{receivebaseInfo.nickname}}</view>
        <view class="chat-company">
            {{receivebaseInfo.company_name}} - {{receivebaseInfo.department_name}}
        </view>
    </view>
</view>
<view class='news'>
    <view class="historycon">
        <scroll-view scroll-y="true" scroll-into-view="{{scrollid}}" scroll-with-animation="{{true}}" style="height:{{scrollHeight}}" class="history" refresher-enabled="true" bindrefresherrefresh="refresh" refresher-triggered="{{triggered}}">
            <!-- 历史记录部分start -->
            <view wx:if="{{historyList.length > 0}}">
                <view class="historyText">历史消息</view>
                <block wx:for="{{historyList}}" wx:key="index">
                    <!-- 此处为other -->
                    <view wx:if="{{item.type==1}}" id="historyscrollid{{index}}">
                        <view>
                            <text class='chat-time' style="display:none;">{{item.date}}</text>
                        </view>
                        <view class='other-record'>
                            <image class='other-head-img' src='{{receivebaseInfo.avatar}}'></image>
                            <view class='other-record-content-triangle'></view>
                            <view class='other-record-content'>{{item.content_msg}}</view>
                        </view>
                    </view>
                    <!-- 此处为结尾 -->
                    <!-- 此处为own -->
                    <view id="historyscrollid{{index}}" wx:else>
                        <view>
                            <text class='chat-time' style="display:none;">{{item.date}}</text>
                        </view>
                        <view class='own-record'>
                            <view class='own-record-content'>{{item.content_msg}}</view>
                            <view class='own-record-content-triangle'></view>
                            <image class='own-head-img' src='{{sendAvatar}}'></image>
                        </view>
                    </view>
                    <!-- own结尾 -->
                </block>
                <view class="historyText">以上为历史消息</view>
            </view>
            <!-- 历史记录部分end -->
            <block wx:for="{{newsList}}" wx:key="index">
                <!-- 此处为other -->
                <view wx:if="{{item.type==1}}" id="scrollid{{index}}">
                    <view>
                        <text class='chat-time' style="display:none;">{{item.date}}</text>
                    </view>
                    <view class='other-record'>
                        <image class='other-head-img' src='{{receivebaseInfo.avatar}}'></image>
                        <view class='other-record-content-triangle'></view>
                        <view class='other-record-content'>{{item.message}}</view>
                    </view>
                </view>
                <!-- 此处为结尾 -->
                <!-- 此处为own -->
                <view id="scrollid{{index}}" wx:else>
                    <view>
                        <text class='chat-time' style="display:none;">{{item.date}}</text>
                    </view>
                    <view class='own-record'>
                        <view class='own-record-content'>{{item.message}}</view>
                        <view class='own-record-content-triangle'></view>
                        <image class='own-head-img' src='{{sendAvatar}}'></image>
                    </view>
                </view>
                <!-- own结尾 -->
            </block>
        </scroll-view>
    </view>
</view>
<view class="sendmessage">
    <view class="send-message">
        <input class="chat-input" type="text" bindinput="bindChange" confirm-type="done" value='{{input}}' cursor-spacing="16px" hold-keyboard="{{true}}" placeholder="" />
        <image class="chat-emotion" src="../../static/img/chat-emotion.svg" bindtap="emotionChange"></image>
        <button class="btn" bindtap='send'>发送</button>
    </view>
    <view class="emotions" wx:if="{{emotionVisible}}">
        <view class="emotions-item" wx:for="{{connectemoji}}" wx:key="index" bindtap="addemotion" data-index="{{index}}">
            {{item}}
        </view>
    </view>
</view>