<!--pages/commentinfo/commentinfo.wxml-->
<view class="container">
    <view class="shop-stars card">
        <view class="title">店铺评分</view>
        <view class="info">
            <view class="star" data-i="1" bindtap="changeShopStars">
                <mp-icon icon="star" color="#E15F3D" size="25" type="{{shopStars>0?'filled':'outline'}}"></mp-icon>
            </view>
            <view class="star" data-i="2" bindtap="changeShopStars">

                <mp-icon icon="star" color="#E15F3D" size="25" type="{{shopStars>1?'filled':'outline'}}"></mp-icon>
            </view>
            <view class="star" data-i="3" bindtap="changeShopStars">

                <mp-icon icon="star" color="#E15F3D" size="25" type="{{shopStars>2?'filled':'outline'}}"></mp-icon>
            </view>
            <view class="star" data-i="4" bindtap="changeShopStars">

                <mp-icon icon="star" color="#E15F3D" size="25" type="{{shopStars>3?'filled':'outline'}}"></mp-icon>
            </view>
            <view class="star" data-i="5" bindtap="changeShopStars">

                <mp-icon icon="star" color="#E15F3D" size="25" type="{{shopStars>4?'filled':'outline'}}"></mp-icon>
            </view>
        </view>
    </view>
    <view class="product-stars card">
        <view class="title">产品评分</view>
        <view class="info">
            <view class="star" data-i="1" bindtap="changeProductStars">
                <mp-icon icon="star" color="#E15F3D" size="25" type="{{productStars>0?'filled':'outline'}}"></mp-icon>
            </view>
            <view class="star" data-i="2" bindtap="changeProductStars">

                <mp-icon icon="star" color="#E15F3D" size="25" type="{{productStars>1?'filled':'outline'}}"></mp-icon>
            </view>
            <view class="star" data-i="3" bindtap="changeProductStars">

                <mp-icon icon="star" color="#E15F3D" size="25" type="{{productStars>2?'filled':'outline'}}"></mp-icon>
            </view>
            <view class="star" data-i="4" bindtap="changeProductStars">

                <mp-icon icon="star" color="#E15F3D" size="25" type="{{productStars>3?'filled':'outline'}}"></mp-icon>
            </view>
            <view class="star" data-i="5" bindtap="changeProductStars">

                <mp-icon icon="star" color="#E15F3D" size="25" type="{{productStars>4?'filled':'outline'}}"></mp-icon>
            </view>
        </view>
    </view>
    <view class="comment-text">
        <view class="words f14">

            <textarea bindblur="setCommenText" style="height: 200rpx;width: {{textWidth}}rpx;" auto-focus="true"
                class="comm-text" placeholder="对产品跟服务满意吗？（评论限制{{limitNum}}字以内）" bindinput="changeComment" />
            <view class="words-num">
                    <view class="word {{outLimit?'red':''}}">
                        {{wordsNum}}
                    </view>
                    <view >
                        /{{limitNum}}
                    </view>
                </view>
            </view>
        </view>
    <view class="comment-img card">
        <view class="weui-uploader">
            <view class="img-v weui-uploader__bd">
              <view class='pic' wx:for="{{imgs}}" wx:for-item="item" wx:key="*this">
                  <image class='weui-uploader__img '
                          src="{{item}}"
                          data-index="{{index}}" mode="aspectFill" bindtap="previewImg">
                        </image>
                        <view  class="delete-btn"  data-index="{{index}}"  catchtap="deleteImg">
                            <!-- <image src="../../images/icons/close.png"></image> -->
                              
                        </view>
              </view>
               
                <!-- 用来提示用户上传图片 -->
                <view class=" add " bindtap="chooseImg"> 
                   <view class="title">添加图片</view>
                   <image class="camera" src="../../images/icons/camera.png"  >
                       
                   </image>
                </view>
            </view>
            
        </view>
        <!-- <button class="upload-img-btn" bindtap="chooseImg" type='primary'>拍照  / 上传</button> -->
    </view>
    
    <view class="comment-btn f18" bindtap = "sendComment">发布评论</view>
</view>