微信小程序星星评分可显示可评分components附上完整代码

分享一下写的很多评价系统常用的打星评价的星星组件，单独提取出的组件可以直接使用。

发出来的目的是因为自己也写过一次，但是代码搞丢了，这次用到了又重新写了一个，干脆发到博客上，方便自己查看。

WXML文件：

<view class="starArea" >
    <view class="starBox" data-id="{
  {index}}" wx:for="{
  {array}}" bindtouchstart="scoringStart" bindtouchmove="moveing" bindtouchend="scoringEnd">
       <image class="star" src="{
  {item}}"></image>
    </view>
</view>

       WXSS文件：

.starArea{
  height: 50rpx;
  display: flex;
}
.starBox{
  height: 50rpx;
  width: 50rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
.star{
  width: 45rpx;
  height: 45rpx;
}

    JS文件：