<view class="container">

  <view class="comm-list">
    <view class="comm-item" wx:for="{{orderItemInfo}}">
      <!-- 商品标题内容 -->
      <view class="item-top">
        <view class="top-pic">
          <image mode="widthFix" src="{{item.pic}}"></image>
        </view>
        <view class="top-tit" >
          {{item.prodName}}
        </view>
      </view>
      <!-- 评价星级 -->
      <view class="item-star">
        <view>评分</view>
        <comm-star value="5" type="write" index="{{index}}" bind:onStarChange="onStarChange"></comm-star>
      </view>
      <!-- 内容填写 -->
      <view class="item-con">
        <textarea placeholder="把使用心得分享给想买的他们吧" value="{{content}}" bindinput="onContentInput" data-index="{{index}}" maxlength="500">{{ content }}</textarea>
      </view>
      <!-- 添加图片 -->
      <view class="item-pics">
        <!-- 预览缩略图 -->
        <view class="question-images">
          <block wx:for="{{item.images}}" wx:key="*this" wx:for-index="idx" wx:for-item="imgItem">
            <view class="q-image-wrap">
              <!-- 图片缩略图  -->
              <image class="q-image" src="{{imgItem.url}}" mode="aspectFill" data-index="{{index}}" data-idx="{{idx}}" bindtap="comPicPreView"></image>
              <!-- 移除图片的按钮  -->
              <view class="q-image-remover" data-idx="{{idx}}" data-index="{{index}}" bindtap="removeImage">删除</view>
            </view>
          </block>
        <!-- 添加 -->
        <view class="add-pic" data-idx="{{index}}" bindtap="getUploadImg" wx:if="{{item.images.length < 9}}">+</view>
        </view>
        <!-- <view class="add-pic" bindtap="getUploadImg">+</view> -->
      </view>
      <!-- 匿名评价 -->
      <view class="img-tip">(最多可上传9张照片)</view>
      <view class="item-btm">
        <checkbox color="red" data-index="{{index}}" bindtap="onSelectedItem" checked="{{item.isAnonymous == 1}}">匿名评价</checkbox> 
      </view>
    </view>
  </view>

  <view class="comm-btn" bindtap="submitComm">
    发表评价
  </view>

</view>
