bwj_wechat/pages/chatRoom/MsgBubble/index.wxml

<!-- 对方 -->
<view wx:if="{{role=='you'}}" class='opposite-side'>
    <image wx:if="{{userImg}}" class="userImg" src="{{userImg}}"></image>
    <image wx:else class="userImg" src="/static/tacitly-approve/MRproduct.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="/static/tacitly-approve/MRproduct.png"></image>
</view>