template.html 1.3 KB

12345678910111213141516
  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="{ marginRight: pxCheck(spacing) }">
  4. <nut-icon :size="iconSize" class="nut-rate-item__icon" @click="onClick(1, n)"
  5. :class="{ 'nut-rate-item__icon--disabled': disabled || n > modelValue }"
  6. :color="n <= modelValue ? activeColor : voidColor" :font-class-name="fontClassName"
  7. :class-prefix="classPrefix" :name="n <= modelValue ? checkedIcon : uncheckedIcon" />
  8. <nut-icon v-if="allowHalf && Number(modelValue) + 1 > n" class="nut-rate-item__icon nut-rate-item__icon--half"
  9. @click="onClick(2, n)" :font-class-name="fontClassName" :class-prefix="classPrefix"
  10. :color="n <= Number(modelValue) + 1 ? activeColor : voidColor" :size="iconSize" :name="checkedIcon" />
  11. <nut-icon v-else-if="allowHalf && Number(modelValue) + 1 < n"
  12. class="nut-rate-item__icon nut-rate-item__icon--disabled nut-rate-item__icon--half" @click="onClick(2, n)"
  13. :font-class-name="fontClassName" :class-prefix="classPrefix" :color="voidColor" :size="iconSize"
  14. :name="uncheckedIcon" />
  15. </view>
  16. </view>