小程序星星评价

ealuation.wxml中：

<view class="stars">
    <image src="" class="stars-image"></image>
    <text class="stars-txt ft-30 color-222">商品评分</text>
    <view class="stars-click">
      <image class='shop-score-star' wx:for="{{stars}}" src='{{item.id>starId?"/assets/image/ic_pingfen_huise@2x.png":"/assets/image/ic_pingfen@2x.png"}}' bindtap='score_xing' data-index="{{index}}"/>
    </view>
    <!-- .... -->
  </view>

js中：

data: {
    stars: [{
      id: 1
    }, {
      id: 2
    }, {
      id: 3
    }, {
      id: 4
    }, {
      id: 5
    }],

    starId: 0,
  },
//点击星星评分
  score_xing(e) {
    this.data.starId = e.currentTarget.dataset.index+1;
    this.setData({
      starId: this.data.starId
    })
    console.log(this.data.starId)
  }