组件

Rate 评分

星级评分样式壳；is-active 由业务 JS 切换，只读用 pvs-rate--readonly。

默认

4.0

<div class="pvs-cluster pvs-items-center">
  <ul class="pvs-rate" aria-label="评分 4 星">
    <li>
      <button type="button" class="pvs-rate__star is-active" aria-label="1 星">★</button>
    </li>
    <li>
      <button type="button" class="pvs-rate__star is-active" aria-label="2 星">★</button>
    </li>
    <li>
      <button type="button" class="pvs-rate__star is-active" aria-label="3 星">★</button>
    </li>
    <li>
      <button type="button" class="pvs-rate__star is-active" aria-label="4 星">★</button>
    </li>
    <li>
      <button type="button" class="pvs-rate__star" aria-label="5 星">★</button>
    </li>
  </ul>
  <span class="pvs-rate__text">4.0</span>
</div>

Readonly

<ul class="pvs-rate pvs-rate--readonly pvs-rate--sm" aria-label="平均 3.5 星">
  <li>
    <span class="pvs-rate__star is-active">★</span>
  </li>
  <li>
    <span class="pvs-rate__star is-active">★</span>
  </li>
  <li>
    <span class="pvs-rate__star is-active">★</span>
  </li>
  <li>
    <span class="pvs-rate__star is-half">★</span>
  </li>
  <li>
    <span class="pvs-rate__star">★</span>
  </li>
</ul>

类名速查

类名	说明
`pvs-rate`	ul 根
`pvs-rate__star`	单星（button 或 span）
`is-active / is-half`	实心 / 半星
`pvs-rate--readonly / --sm`	只读 / 紧凑
`pvs-rate__text`	旁注分数