简单评价功能

 

 上代码！

html：

 <view class="xing">
    <!-- 亮的 -->
    <image wx:for="{{count}}" data-index="{{index}}" wx:key="index"             
           style="width:42rpx;height:42rpx"
           src="{{imgUrl}}ic_13@2x.png" bindtap="getStar1" alt="">
    </image>
    <!-- 灰的 -->
    <image wx:for="{{5-count}}" data-index="{{index}}" wx:key="index" 
           style="width:42rpx;height:42rpx"
           src="{{imgUrl}}ic_12@2x.png" bindtap="getStar" alt="">
    </image>
 </view>

js：

data：{
    count：1
},

getStar(e) {
   this.setData({
      count :  e.currentTarget.dataset.index + 1 + this.data.count
   })
},

getStar1(e) {
   this.setData({
      count : e.currentTarget.dataset.index + 1
   })
}