duidui_mini_program/pages/communityinfocomment/communityinfocomment.wxml

<view class="courselivecontinor" id="time-mo">
  <!-- 内容区域 -->
  <view class="messagecontent" id="{{item.id}}" wx:for="{{indexlist}}" wx:for-index="index2" wx:key="index2">
    <view class="msseagehead">
      <view class="headleft" id="{{item.id}}" bindtap="communityinfoclick">
        <image src="{{item.userinfo['avatar']}}"></image>
      </view>
      <view class="vipimage" wx:if="{{item.userinfo['score']>=1}}">
        <image src="https://ndnd.duiduiedu.com/uploads/pics/vip.png"></image>
      </view>
      <view class="headright">
        <view class="headrightup">
          <text>{{item.userinfo['nickname']}}</text>
        </view>
        <view class="headrightdown">
          <text>{{item.times}}</text>
        </view>
      </view>
    </view>
    <view class="msseagemiddle">
      <view class="mssagemiddleup">
        <text>{{item.name}} </text>
      </view>
  
      <view class="mssagemiddledown"  wx:if="{{item.imagecount==1}}">
        <image src="{{baseurl+item}}" wx:for="{{item.pics}}"  data-id="{{index2}}" bindtap="preview" data-src="{{baseurl+item}}" wx:for-index="index" wx:key="index"></image>
      </view>
      <view class="mssagemiddledown" wx:if="{{item.imagecount==2}}">
        <image style="width: 45%;height: 265rpx;padding-right: 10rpx;" src="{{baseurl+item}}" data-id="{{index2}}" bindtap="preview" data-src="{{baseurl+item}}"
          wx:for="{{item.pics}}" wx:for-index="index" wx:key="index"></image>
      </view>

      <view class="mssagemiddledown" wx:if="{{item.imagecount>=3}}">
        <image style="width: 30%;height: 265rpx;padding-right: 10rpx;" src="{{baseurl+item}}" data-id="{{index2}}" bindtap="preview2" data-src="{{baseurl+item}}"
          wx:for="{{item.pics}}" wx:for-index="index" wx:key="index"></image>
      </view>
    </view>
    <view class="messageend">
      <view class="messageendleft">
        <!-- <image src="https://ndnd.duiduiedu.com/uploads/pics/viewcontent.png"></image> -->
      </view>

      <view class="messageendmiddle"  id="{{item.userinfo['nickname']}}"  data-xid="{{item.id}}"  bindtap="contentclick">
        <image src="https://ndnd.duiduiedu.com/uploads/pics/replaycontent.png"></image>
        <text>{{item.commentcount}}</text>
      </view>

      <view class="messageendright" id="{{item.id}}" bindtap="wordsclick">
        <image src="https://ndnd.duiduiedu.com/uploads/pics/clickbtn.png"></image><text>{{item.wordsclickcount}}</text>
      </view>
    </view>
    <view class="feigexian">

    </view>
  </view>
  <!-- 尾部区域 -->


  <!-- 回复留言区域 -->
  <view class="messagecontent" wx:for="{{replylist}}" wx:for-index="index3" wx:key="index3" >
    <view class="msseagehead">
      <view class="headleft"  id="{{item.id}}" bindtap="communityinfoclick">
        <image src="{{item.userinfo['avatar']}}"></image>
      </view>
      <view class="vipimage" wx:if="{{item.userinfo['score']>=1}}">
        <image src="https://ndnd.duiduiedu.com/uploads/pics/vip.png"></image>
      </view>
      <view class="headright">
        <view class="headrightup">
          <text>{{item.userinfo['nickname']}}</text>
        </view>
        <view class="headrightdown">
          <text>{{item.times}}</text>
        </view>
      </view>
     
    </view>
    <view class="msseagemiddle" >
      <view class="mssagemiddleup">
        <text>{{item.name}} </text>
      </view>
      <view class="mssagemiddledown" wx:if="{{item.imagecount==1}}">
        <image src="{{baseurl+item}}" wx:for="{{item.pics}}"  data-id="{{index3}}" bindtap="preview" data-src="{{baseurl+item}}" wx:for-index="index" wx:key="index"></image>
      </view>
      <view class="mssagemiddledown" wx:if="{{item.imagecount==2}}">
        <image style="width: 45%;height: 265rpx;padding-right: 10rpx;" src="{{baseurl+item}}" data-id="{{index3}}" bindtap="preview" data-src="{{baseurl+item}}"
          wx:for="{{item.pics}}" wx:for-index="index" wx:key="index"></image>
      </view>

      <view class="mssagemiddledown" wx:if="{{item.imagecount>=3}}">
        <image style="width: 30%;height: 265rpx;padding-right: 10rpx;" src="{{baseurl+item}}" data-id="{{index3}}" bindtap="preview" data-src="{{baseurl+item}}"
          wx:for="{{item.pics}}" wx:for-index="index" wx:key="index"></image>
      </view>
    </view>
    <view class="messageend">
      <view class="messageendleft" bindtap="rdclick"  id="{{item.id}}">
        <!-- <image src="https://ndnd.duiduiedu.com/uploads/pics/viewcontent.png"></image> -->
      </view>

      <view class="messageendmiddle"  id="{{item.userinfo['nickname']}}"  data-xid="{{item.id}}"  bindtap="contentclick">
      <!-- <view class="messageendmiddle" bindtap="rdclick"  id="{{item.id}}" id="{{item.userinfo['nickname']}}" bindtap="contentclick"> -->
        <image src="https://ndnd.duiduiedu.com/uploads/pics/replaycontent.png"></image><text>{{item.commentcount}}</text>
      </view>

      <view class="messageendright" id="{{item.id}}" bindtap="wordsclick">
        <image src="https://ndnd.duiduiedu.com/uploads/pics/clickbtn.png"></image><text>{{item.wordsclickcount}}</text>
      </view>
    </view>
    <view class="feigexian">

    </view>
  </view>
  <!-- 回复留言区域 -->
  <!-- 留言区域 -->  
<form bindsubmit="formSubmit">
  <view class="areaclass">
   <textarea auto-height auto-focus placeholder="我也说两句" name="wordsname"  value="{{wordstextname}}"  bindfocus="bindTextAreaBlur"  bindblur="bindTextAreaBlur" change="bindTextAreaBlur"></textarea>
  </view>
  <view class="areafooter">
        <view class="areafooterleft">
        <image src="https://ndnd.duiduiedu.com/uploads/pics/picselect.png" bindtap="uploadpic"></image>
        
        </view>
        <view class="areafooterright">
           <button formType="submit" size="default">发布</button>
        </view>
  </view>  
</form>
 
</view>