<div class="ui-star" data-max="5" data-num="1" data-target="#star-1" data-full='<i class="ui-icon-star-fill"></i>' data-empty='<i class="ui-icon-star"></i>'></div>
<div class="ui-star" data-max="5" data-num="1" data-full='<i class="ui-icon-heart-fill"></i>' data-empty='<i class="ui-icon-heart"></i>'></div>
<div class="ui-star" data-max="5" data-num="0" data-target="#star-2"></div>
示范一:<input id="star-1" value="">
示范二:<input id="star-2" value="">
参数 | 说明 |
---|---|
data-max | 最大值 |
data-num | 选中的数量 |
data-target | 指向元素 |
data-full | 选中的效果 |
data-empty | 未选中的效果 |