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 class="comment-img"></view>
    </view>
    
    <view class="comment-btn"></view>
</view>