bwj_wechat/pages/chatRoom/GambitMsgBubble/index.wxml

<view class="gambit-msg {{role?'r':'l'}}">
    <!-- 头像 -->
    <image class="user-img" wx:if="{{itemData.sendfrom.headpic!=''}}" src="{{itemData.sendfrom.headpic}}" />
    <image class="user-img" wx:else src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/WeChat/userCenter/userImg.png" />
    <!-- 内容盒子 -->
    <view class="contents-box">
        <block wx:for="{{itemData.imsubjectcontent}}" wx:key="index">
            <view class="msg-bubble" wx:if="{{item.fcontent!=''}}">{{item.fcontent}}</view>
            <view class="msg-file" wx:if="{{item.attinfos.length>=1}}" wx:for="{{item.attinfos}}" wx:for-index="i" wx:for-item="it" wx:key="i">
                <image class="{{it.ftype=='emoji'?'emoji':'image'}}" data-type="{{it.ftype}}" data-url="{{it.fobsurl}}" catchtap="preViewImage" src="{{it.fobsurl}}" mode="widthFix" />
            </view>
        </block>
        <block wx:if="{{isShowBottom}}">
            <view class="hr"></view>
            <view class="bottom" wx:if="{{role}}" bindtap="toStats">
                <text data-type='回复'>查看回复详情</text>
                <text data-type='已读' style="margin-left: 40rpx;">查看已读/未读详情</text>
            </view>
            <view wx:else class="bot-button">
                <van-button custom-class="call" catchtap="writBack">回复</van-button>
            </view>
        </block>
        <view class="time">
            {{itemData.closedate}}
        </view>
    </view>
    <!-- 透明度为0，结构和上方一直 用来撑盒子高度 -->
    <view class="contents-box" style="position: relative; left: 0; opacity: 0; pointer-events: none;">
        <block wx:for="{{itemData.imsubjectcontent}}" wx:key="index">
            <view class="msg-bubble" wx:if="{{item.fcontent!=''}}">{{item.fcontent}}</view>
            <view class="msg-file" wx:if="{{item.attinfos.length>=1}}" wx:for="{{item.attinfos}}" wx:for-index="i" wx:for-item="it" wx:key="i">
                <image class="{{it.ftype=='emoji'?'emoji':'image'}}" data-type="{{it.ftype}}" data-url="{{it.fobsurl}}" catchtap="preViewImage" src="{{it.fobsurl}}" mode="widthFix" />
            </view>
        </block>
        <block wx:if="{{isShowBottom}}">
            <view class="hr"></view>
            <view class="bottom" wx:if="{{role}}" bindtap="toStats">
                <text data-type='回复'>查看回复详情</text>
                <text data-type='已读' style="margin-left: 40rpx;">查看已读/未读详情</text>
            </view>
            <view wx:else class="bot-button">
                <van-button custom-class="call" catchtap="writBack">回复</van-button>
            </view>
        </block>
        <view class="time">
            {{itemData.closedate}}
        </view>
    </view>
</view>
<!-- 
<button style="margin-top: 84rpx;" bindtap="change">
    切换
</button> -->