先遍历五次,startb是实星,stara是空星
<view class="star">
<view v-for="(item,index) in list" :key="index" @tap="star(index)">
<image :src="num>index?startb:starta"></image>
</view>
<view>{{num}}分</view>
</view>
data() {
return {
list: [0, 1, 2, 3, 4],
num: 0,
}}
star(i) {
this.num = i + 1;
}
效果
网友评论