vue实现简单的星级评分组件源码

vue星级评分组件源码，具体代码如下所示：

  
  .staritem{
    display: inline-block; 
    width: 0.37037rem;
    height: 0.37037rem;
  }
  
  .onstar{
    background: url(./star24_on@2x.png);
    background-size: 0.37037rem;  
  }
  .halfstar{
    background: url('./star24_half@2x.png');
  }
  .offstar{
    background: url('./star24_off@2x.png');
  }

背景图

star24_on@2x.png 

star24_half@2x.png  

star24_off@2x.png

总结

以上所述是小编给大家介绍的vue实现简单的星级评分组件源码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！