vue星级评分组件源码,具体代码如下所示:
<!-- --> /*独立作用域的样式*/ .staritem{ display: inline-block; width: 0.37037rem; height: 0.37037rem; } /*全星星*/ .onstar{ background: url(./star24_on@2x.png-600); background-size: 0.37037rem; } .halfstar{ background: url('./star24_half@2x.png-600'); } .offstar{ background: url('./star24_off@2x.png-600'); }
背景图
star24_on@2x.png-600
star24_half@2x.png-600
star24_off@2x.png-600
总结
以上所述是小编给大家介绍的vue实现简单的星级评分组件源码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对本站网站的支持!
以上就是vue实现简单的星级评分组件源码的详细内容,更多请关注本站其它相关文章!