微信小程序开发之五星评分

一位同学说要写五星评分.要有半颗星的评分.
于是我做了个玩具.有空了做模块化,这代码看不下去了.
gif:

代码:
1.index.wxml

<block wx:for="{
   {
   stars}}">
  <image class="star-image" style="left: {
   {
   item*150}}rpx" src="{
   {
   key > item ?(key-item == 0