微信小程序的星级评价

效果图

wxml

<view class='assess-star'>
    <view class='star-wrap'>
      <view class='star-item' wx:for="{
  {stars}}" wx:key="" style='background:url("{
  {item.flag==1?item.lightImg:item.blackImg}}") no-repeat top;background-size:100%;' data-index="{
  {index}}" bindtap='starClick'></view>
    </view>
    <view class='star-desc'>{
  {starDesc}}</view>
  </view>

wxss

.assess-star {
  margin-top: 20rpx;
}

.star-wrap {
  width: 50vw;
  margin: 10rpx auto 10rpx auto;
}

.star-item {
  display: inline-block;
  height: 60rpx;
  width: 60rpx;
  margin-right