界面如下：

代码用的时colorUi的聊天组件，如下：

<view class="cu-chat contentBox" id="chat">

<view class="cu-item {{item.replyByType==2?'self':''}}" wx:for="{{problemList}}" :key="{{index}}">

<view class="cu-avatar radius" style="background-image:url(../../../../images/my/my.png);" wx:if="{{item.replyByType==0||item.replyByType==1||item.replyByType==3}}"></view>

<view class="main">

<view class="content shadow {{item.replyByType==2?'bg-green':''}}">

<text>{{item.replyContent}}</text>

</view>

</view>

<view class="cu-avatar radius" style="background-image:url(../../../../images/my/my.png);" wx:if="{{item.replyByType==2}}"></view>

<view class="name">{{item.name}}</view>

<view class="date">{{item.replyTime}}</view>

</view>

</view>