- 第一种方法使用js实现,可以点亮整颗星星和半颗星星,参数:
- num: 默认点亮的星星颗数
- readOnly: 是否只读,为true时不能操作
- select: 鼠标移动过程中触发的回调
- current: 当前移动到第几颗
- total: 星星总数
- chosen: 鼠标点击时触发的回调
- current: 当前移动到第几颗
- total: 星星总数
- 第二种方法同第一种方法实现原理相同,区别是使用的img标签显示星星
- 第三种方法使用锚点实现。
- 第四种暂时未实现(纯css实现方式)
- 第五种方法使用js实现,可以点亮整颗,半颗或四分之一颗,星星总数可自定义,可添加其他点亮模式,相对于第一种方法新增如下参数:
- mode: 点亮模式('entire', 'half', 'quarter')
- displayId: 展示条ID
- total: 需要的星星总数
- 第六种实现方式可点亮任意长度的星星,点击之后解除绑定事件
- 第四种实现方式