不规则进度条显示
场景:
场景一: 五星好评,那么4.3星,3.3 星之类的需求如何做?
场景二: 网络型号显示,默认每个小柱子灰色,绿色表示当前信号程度
思路:
为了减少图片的数量,并能更加精细的显示。
可以利用多层相叠的思路
// stars 组件
<div class="stars">
// 五个未点亮的 star
<img class="star_bg" src="" alt="" />
// 用此层控制显示点亮 多少star
<div class="star_light_box" style="width:43%">
// 五个已点了的star
<img class="start_pic" src="" alt="" >
</div>
</div>