You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
1.3 KiB
36 lines
1.3 KiB
2 years ago
|
<wxs src="../wxs/utils.wxs" module="utils" />
|
||
|
|
<wxs src="../wxs/style.wxs" module="style" />
|
||
|
|
|
||
|
|
<view
|
||
|
|
class="{{ utils.bem('rate') }} custom-class"
|
||
|
|
bind:touchmove="onTouchMove"
|
||
|
|
>
|
||
|
|
<view
|
||
|
|
class="{{ utils.bem('rate__item') }}"
|
||
|
|
wx:for="{{ innerCountArray }}"
|
||
|
|
wx:key="index"
|
||
|
|
style="{{ style({ paddingRight: index !== count - 1 ? utils.addUnit(gutter) : null }) }}"
|
||
|
|
>
|
||
|
|
<van-icon
|
||
|
|
name="{{ index + 1 <= innerValue ? icon : voidIcon }}"
|
||
|
|
class="{{ utils.bem('rate__icon', [{ disabled, full: index + 1 <= innerValue }])}}"
|
||
|
|
style="{{ style({ fontSize: utils.addUnit(size) }) }}"
|
||
|
|
custom-class="icon-class"
|
||
|
|
data-score="{{ index }}"
|
||
|
|
color="{{ disabled ? disabledColor : index + 1 <= innerValue ? color : voidColor }}"
|
||
|
|
bind:click="onSelect"
|
||
|
|
/>
|
||
|
|
|
||
|
|
<van-icon
|
||
|
|
wx:if="{{ allowHalf }}"
|
||
|
|
name="{{ index + 0.5 <= innerValue ? icon : voidIcon }}"
|
||
|
|
class="{{ utils.bem('rate__icon', ['half', { disabled, full: index + 0.5 <= innerValue }]) }}"
|
||
|
|
style="{{ style({ fontSize: utils.addUnit(size) }) }}"
|
||
|
|
custom-class="icon-class"
|
||
|
|
data-score="{{ index - 0.5 }}"
|
||
|
|
color="{{ disabled ? disabledColor : index + 0.5 <= innerValue ? color : voidColor }}"
|
||
|
|
bind:click="onSelect"
|
||
|
|
/>
|
||
|
|
</view>
|
||
|
|
</view>
|