微信小程序星星评分组件

1.微信小程序：

效果图：

先看代码，用一个组件写好星星组件，然后调用即可

rating.wxml

<view class='itembox'>
  <view wx:for="{
  {imgs}}" wx:key="{
  {item.id}}" bindtap='select' data-index="{
  {item.id}}">
    <image class="star" src="{
  {item.id>starId?src2:src1}}"></image>
  </view>
  <view class='scorePin'>{
  {starId}}.00</view>
</view>

rating.js

// component/rating/index.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
 
  },

  /**
   * 组件的初始数据
   */
  data: {
    imgs: [{
      id: 1
    }, {