微信小程序的五星评分功能模块

微信小程序的五星评分功能模块

<block wx:for="{
  {stars}}">
  <image class="star-image" style="left: {
  {item*150}}rpx" src="{
  {key > item ?(key-item == 0.5?halfSrc:selectedSrc) : normalSrc}}">
    <view class="item" style="left:0rpx" data-key="{
  {item+0.5}}" bindtap="selectLeft"></view>
    <view class="item" style="left:75rpx" data-key="{
  {item+1}}" bindtap="selectRight"></view>
  </image>
</block>

.star-image {
  position: absolute;
  top: 50rpx;
  width: 150rpx;
  height: 150rpx;
  src: "../../images/normal.png";
}

.item {
  position: absolute;
  top: 50rpx;
  width: 75rpx;
  height: 150rpx;
}