template.html 1.2 KB

1234567891011121314151617181920
  1. <view :class="classes" @touchstart="onTouchStart" @touchmove="onTouchMove">
  2. <view class="nut-rate-item" v-for="n in Number(count)" :key="n" ref="rateRefs" :id="'rateRefs-' + refRandomId + n"
  3. :style="n < Number(count) ? { marginRight: pxCheck(spacing) } : {}">
  4. <view>
  5. <component
  6. :is="renderIcon(customIcon,{width:size,height:size,size,color:n <= modelValue ? activeColor : voidColor})"
  7. class="nut-rate-item__icon" :class="{ 'nut-rate-item__icon--disabled': disabled || n > modelValue }"
  8. @click="onClick(1, n)"></component>
  9. </view>
  10. <view class="nut-rate-item__icon--half" v-if="allowHalf && Number(modelValue) + 1 > n">
  11. <component
  12. :is="renderIcon(customIcon,{width:size,height:size,size,color:n <= Number(modelValue) + 1 ? activeColor : voidColor})"
  13. class="nut-rate-item__icon" @click="onClick(2, n)"></component>
  14. </view>
  15. <view class="nut-rate-item__icon--half" v-else-if="allowHalf && Number(modelValue) + 1 < n">
  16. <component :is="renderIcon(customIcon,{width:size,height:size,size,color:voidColor})"
  17. class="nut-rate-item__icon nut-rate-item__icon--disabled" @click="onClick(2, n)"></component>
  18. </view>
  19. </view>
  20. </view>