bwj_wechat/pages/chatRoom/dialogbox.wxml

<!-- 头部 -->
<view class="header">
    <view class="header_title">{{headerTitle}}</view>
    <view class="header_botton" wx:if="{{joinHands&&fdatastatus==2}}">
        <van-button custom-class='head-bot-class head-bot-l' catchtap="refuseToCooperate">暂不合作</van-button>
        <van-button custom-class='head-bot-class head-bot-r' catchtap="confirmTheCooperation">确认合作</van-button>
    </view>
    <view class="header_botton gxtips" style="color:#FF1A2E;" wx:if="{{joinHands&&fdatastatus==0}}">
        <van-icon name="clear" /> 已拒绝合作
    </view>
    <view class="header_botton gxtips" style="color:#74C041;" wx:if="{{joinHands&&fdatastatus==1}}">
        <van-icon name="checked" /> 已达成合作
    </view>
    <view class="header_botton" wx:if="{{fimdialogtype=='话题'&&fimuserid==userid}}">
        <van-button custom-class='compile' catchtap="toCreate">
            <image src="/static/icon-19.png" style="width: 16rpx;height: 20rpx;"></image>
            编辑
        </van-button>
    </view>
</view>
<!-- 聊天   bindscrolltoupper='scrolltoupper' -->
<scroll-view class="chatFrame" refresher-default-style='none' refresher-enabled bindrefresherrefresh='scrolltoupper' refresher-triggered='{{triggered}}' scroll-y scroll-into-view="{{toView}}">
    <view style="height: 110rpx;"></view>
    <!-- 个人聊天 -->
    <MsgBubble wx:if="{{fimdialogtype!='话题'}}" wx:for="{{socketMsgQueue}}" isGroup='{{item.message.timsubjectid}}' groupData="{{item.message}}" wx:key="index" id="item{{index}}" type='{{item.message.ftype}}' fobsurl='{{item.message.data[0].fobsurl}}' role="{{userid==item.message.sendfrom.userid?'my':'you'}}" userImg='{{item.message.sendfrom.headpic}}' content='{{item.message.data.fcontent}}' time='{{item.message.fdatetime}}' />
    <!-- 群聊聊天 -->
    <GambitMsgBubble wx:if="{{fimdialogtype=='话题'}}" wx:for="{{gambitList}}" wx:if="{{item.imsubjectcontent.length!=0}}" itemData='{{item}}' wx:key="index" id="item{{index}}" fimuserid='{{fimuserid}}' role="{{userid==fimuserid?true:false}}" />
    <view style="height: {{keyboardHeight}}px;"></view>
    <view id="bottom" style="height: {{iosX?'102':'85'}}px;"></view>
</scroll-view>
<!-- 底部输入 -->
<view class="input-box" style="bottom:{{keyboardHeight}}px;" wx:if="{{fimuserid==userid||fimdialogtype!='话题'}}">
    <!-- 普通输入框 -->
    <!-- bindblur="sendMsg" -->
    <textarea class="input-text" bindfocus="textareaFocus" style="padding-right: {{timsubjectid==0?'25rpx':'150rpx'}};" adjust-position='{{false}}' bindconfirm='sendMsg' show-confirm-bar='{{false}}' confirm-type='send' confirm-hold='true' cursor-spacing='45' bindinput='sendInput' value='{{sendText}}' maxlength='-1' fixed='true' type="text" bindlinechange='linechange' bindkeyboardheightchange='keyboardheightchange'>
    <!-- 话题 -->
    <block wx:if="{{fimdialogtype=='话题'}}">
        <view class="gambit" wx:if="{{timsubjectid==0}}" catchtap="createGambit">
            发起会话
        </view>
        <navigator wx:else url='#' class="gambit-end" catchtap="endGambit">
            <image src="/static/icon-20.png" mode="aspectFill"></image>
        </navigator>
    </block>
    </textarea>
    <view class="functionalZone" catchtap="selectionFunction">
        <image data-name='表情' mode="heightFix" src="/static/chatRoom/icon-01.png" />
        <image data-name='图片' mode="heightFix" src="/static/chatRoom/icon-02.png" />
        <image data-name='历史' mode="heightFix" src="/static/chatRoom/icon-03.png" />
    </view>
    <!-- 安全距离 -->
    <view style="height: {{iosX?'34':'0'}}rpx;"></view>
</view>
<!-- 表情-->
<van-popup show="{{ memePopup }}" overlay='{{false}}' position='bottom' safe-area-inset-bottom='{{false}}'>
    <view class="popup-class">
        <scroll-view scroll-y class="meme-box">
            <view class="meme-item" wx:for="{{memeList}}" wx:key="index" data-item="{{item}}" catchtap="sendMeme">
                <image src="{{item.fobsurl}}" mode="aspectFill"></image>
            </view>
        </scroll-view>
        <view style="height: {{iosX?'34':'0'}}rpx;"></view>
    </view>
</van-popup>
<view wx:if="{{ memePopup }}" bindtap="endMemePopup" class="mask-layer"></view>