<!-- pages/msgPage/msgPage.wxml -->
<view class="msg-page page-container">
    <view class="list-loading text-center" wx:if="{{ pageLoading }}">
        <van-loading size="24px">加载中...</van-loading>
    </view>
    <view wx:else class="body-view">
        <view class="top-view {{ topShow ? 'topShow' : '' }}">
            <view wx:if="{{ showAccount }}">
                <official-account bindload="bindload" binderror="binderror"></official-account>
            </view>
            <image class="msg-colse-img" src="/images/home/close.png" bind:tap="closeTopShow" wx:if="{{ topShow }}"/>
        </view>
        <view class="msg-box-view {{ topShow ? 'topShow' : '' }} not-msg-data" wx:if="{{ msgData.length < 1 }}">
            <image class="not-msg-data-img " src="/images/home/not-msg-data.png" />
            <view class="not-data-msg-info">暂无消息记录</view>
        </view>
        <view wx:else class="msg-box-view {{ topShow ? 'topShow' : '' }}">
            <mp-slideview buttons="{{slideButtons}}" bindbuttontap="slideButtonTap" wx:for="{{msgData}}" data-item="{{ item }}" wx:key="index">
                <view class="msg-li-item {{ index == 0 ? 'msg-li-item-first':'' }} {{ index == msgData.length - 1 ? 'msg-li-item-last':'' }}" bindtap="goToChat" data-item="{{ item }}">
                    <view class="chatheads-view fl">
                        <image class='other-head-img' src='{{item.businessCommunicationCustomerVO.chatHeads }}'></image>
                        <view class="view-info" wx:if="{{ item.size > 0 }}">
                            {{ item.size > 99 ? '99+' : item.size }}
                        </view>
                    </view>
                    <view class="msg-content fl">
                        <view class="msg-nickName fl yichu">
                            {{ item.businessCommunicationCustomerVO.nickName }}
                        </view>
                        <view class="msg-last-content fl yichu" wx:if="{{ item.messageType == 2 }}">
                            [图片]
                        </view>
                        <view class="msg-last-content fl yichu" wx:else>
                            {{ item.lastContent }}
                        </view>
                        <view class="msg-last-content-date fr yichu">
                            {{ item.lastContentDate }}
                        </view>
                    </view>
                </view>
            </mp-slideview>
        </view>
    </view>
    <tabBar currentIndex="{{currentIndex}}"></tabBar>
</view>