bwj_wechat/pages/chatRoom/MsgBubble/index.wxml

<view wx:if="{{isGroup}}" style="margin-bottom: 40rpx;">
    <GambitMsgBubble itemData='{{groupData}}' role="{{false}}" isShowBottom="false" isShowBottom='{{false}}' />
</view>
<block wx:else="">
    <!-- 对方 -->
    <view wx:if="{{role=='you'}}" class='opposite-side'>
        <image wx:if="{{userImg}}" class="userImg" src="{{userImg}}"></image>
        <image wx:else class="userImg" src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/WeChat/userCenter/userImg.png"></image>
        <view class="content" style="background: {{type=='text'?'':'#fff'}}; padding: {{type=='text'?'':'20rpx 0 0 0'}};">
            <block wx:if="{{type=='text'}}">
                {{content}}</block>
            <block wx:else>
                <image style="width: 320rpx;" mode="widthFix" src="{{fobsurl}}" catchtap="viewImage"></image>
            </block>
            <view class="msg-time">{{time}}</view>
        </view>
    </view>
    <!-- 自己 -->
    <view wx:if="{{role=='my'}}" class='my-msg'>
        <view class="content" style="background: {{type=='text'?'':'#fff'}}; padding: {{type=='text'?'':'0rpx'}};">
            <block wx:if="{{type=='text'}}">
                {{content}}</block>
            <block wx:else>
                <image style="width: 320rpx;" mode="widthFix" src="{{fobsurl}}" catchtap="viewImage"></image>
            </block>
            <view class="msg-time">{{time}}</view>
        </view>
        <image wx:if="{{userImg}}" class="userImg" src="{{userImg}}"></image>
        <image wx:else class="userImg" src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/WeChat/userCenter/userImg.png"></image>
    </view>
</block>