小程序聊天功能组件

小程序聊天功能组件
先上效果图

wxml

<view class='homeView' style='margin-top:{
  {margintop}}rpx;'>
  <view class='listView'>
    <block wx:for="{
  {messageList}}">
      <view wx:if="{
  {item.sender_id===receiver_id}}" class='leftView'>
        <view class='float-left'>
          <view>
            <image class='head-image' src='{
  {receiver_avatar}}'></image>
          </view>
          <view wx:if="{
  {item.type == 0}}" class='left-content'>{
  {item.content}}</view>
          <view wx:else>
            <image class='content-img' src='{
  {ite