<view wx:for="{{chatlist}}" wx:for-item="item" >
        <view wx:if="{{item.type=='text'}}" style="display: flex;position: relative;">
            <view class="self">
                <text>{{item.content}}</text>
            </view>
            <image src="../../image/righttr.png" style="width: 40rpx;" mode="widthFix"></image>
        </view>
</view>


    .self{
        background-color:rgb(36,80,134);
        color: white;
        border-radius: 7%;
        width: auto;
        right: 20rpx;
        min-height: 50rpx;
        margin-bottom: 20rpx;
        padding-left: 20rpx;
        padding-right: 30rpx;
        padding-top: 10rpx;
        padding-bottom: 10rpx;
        word-break: break-all;
    }