uniapp星级评价

以下是uniapp实现星级评价的方法：

1. 在template中添加五个图标，分别代表五个星级，绑定点击事件。

<view class="star">
  <image src="../../static/images/star.png" data-index="0" @click="changeStar"></image>
  <image src="../../static/images/star.png" data-index="1" @click="changeStar"></image>
  <image src="../../static/images/star.png" data-index="2" @click="changeStar"></image>
  <image src="../../static/images/star.png" data-index="3" @click="changeStar"></image>
  <image src="../../static/images/star.png" data-index="4" @click="changeStar"></image>
</view>

2. 在data中定义一个变量starIndex，表示当前选中的星级。

data() {
  return {
    starIndex: -1
  }
}

3. 在methods中定义changeStar方法，用于改变星级。

changeStar(e) {
  let index = e.currentTarget.dataset.index;
  this.starIndex = index;}

4. 根据starIndex的值，设置不同的星级图标。

<view class="star">
  <image src="../../static/images/{{starIndex >= 0 ? 'star-active' : 'star'}}.png" data-index="0" @click="changeStar"></image>
  <image src="../../static/images/{{starIndex >= 1 ? 'star-active' : 'star'}}.png" data-index="1" @click="changeStar"></image>
  <image src="../../static/images/{{starIndex >= 2 ? 'star-active' : 'star'}}.png" data-index="2" @click="changeStar"></image>
  <image src="../../static/images/{{starIndex >= 3 ? 'star-active' : 'star'}}.png" data-index="3" @click="changeStar"></image>
  <image src="../../static/images/{{starIndex >= 4 ? 'star-active' : 'star'}}.png" data-index="4" @click="changeStar"></image>
</view>

5. 根据需要，可以在changeStar方法中添加其他逻辑，例如将选中的星级提交到后台。