pos_xcx/pages/commentinfo/commentinfo.wxml

<!--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">
        <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">
                            <icon type='cancel' class="delete-btn" data-index="{{index}}" catchtap="deleteImg"></icon>
                  </image>
              </view>
               
                <!-- 用来提示用户上传图片 -->
                <view class="weui-uploader__input-box pic" bindtap="chooseImg"> </view>
            </view>
            <button class="upload-img-btn" bindtap="chooseImg" type='primary'>拍照  / 上传</button>
        </view>
    </view>
    
    <view class="comment-btn"></view>
</view>