nazw/nnzwminiapp/pages/customerServe/customerServe.wxml

<!--pages/customerServe/customerServe.wxml-->
<view class="head">
	<view style="font-size: 15px;color: #508FF4;">小喃为您服务！</view>
	<image src="/images/11.png"></image>
</view>
<view>
 <scroll-view scroll-y scroll-into-view='{{toView}}' style='height: {{scrollHeight}};padding: 17px 15px;box-sizing: border-box;'>
  <!-- <view class='scrollMsg'> -->
  <block wx:key wx:for='{{msgList}}' wx:for-index="index">
 
   <!-- 单个消息1 客服发出（左） -->
   <view wx:if='{{item.speaker=="server"}}' id='msg-{{index}}' style='display: flex;margin-bottom: 26px;'>
    <view>
     <image style='width: 38px;height: 38px;' src='/images/xn.png'></image>
    </view>
    <view style='width: 0; height: 0; margin-left: 2px; display: flex; align-items: center; z-index: 12;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-right: 15px solid #fff;'>
    </view>
    <view class='leftMsg'>{{item.content}}</view>
   </view>
 
   <!-- 单个消息2 用户发出（右） -->
   <view wx:else id='msg-{{index}}' style='display: flex; justify-content: flex-end;margin-bottom: 26px;'>
    <view class='rightMsg'>{{item.content}}</view>
    <view style='width: 0; height: 0; margin-right: 2px; display: flex; align-items: center; z-index: 12;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 12px solid #D9ECFF ;'>
    </view>
    <view>
     <image style='width: 38px;height: 38px; border-radius: 10rpx;' src='/images/kh.png'></image>
    </view>
   </view>
 
  </block>
  <!-- </view> -->
 
  <!-- 占位 -->
  <view style='width: 100%; height: 67px;'></view>
 </scroll-view>
 
 <view class='inputRoom' style='bottom: {{inputBottom}}'>
  <input bindconfirm='sendClick' adjust-position='{{false}}' value='{{inputVal}}' confirm-type='send' bindfocus='focus' bindblur='blur' placeholder="请输入您想要问的问题~"></input>
  <view style="width: 122px;height: 4px;background: #060606;border-radius: 2px;"></view>
 </view>
</view>