Rater.js -进步的半星而不是全明星

<!-- 从 CDN 引入 Rater.js -->
<script src="https://cdn.jsdelivr.net/npm/rater-js@2.0.0/dist/rater.min.js"></script>

<div id="rater-container"></div>

// 获取评分容器元素
const container = document.getElementById('rater-container');

// 初始化 Rater.js
const rater = new Rater(container, {
  // 设置星星数量
  starCount: 5,
  // 启用半星评分
  step: 0.5,
  // 其他可选配置...
});

// 可以添加事件监听器来处理评分变化
rater.on('change', (rating) => {
  console.log('当前评分:', rating);
});

/* 自定义星星样式 */
.rater-star {
  font-size: 24px; /* 设置星星大小 */
  color: #FFD700; /* 设置星星颜色 */
}

/* 自定义选中状态的星星样式 */
.rater-star.rater-active {
  color: #FF8C00; /* 设置选中状态的星星颜色 */
}