uniapp写星级评价

效果：

 

 

结构：

 

 

 

 代码：

<!-- 2、商品评分 -->
<view class="evaluationbox1_son5">
<view>商品评分：</view>
<view class="startbox">
<view class="startbox_son" v-for="(val, index) in 5">
<image
@click="setStar0(index + 1)"
:src="star0 > index ? '../../static/images/star.png' : '../../static/images/no-star.png'"
mode="aspectFill"
></image>
</view>
</view>
</view>

 

//设置评分
setStar0: function(star) {
this.star0 = star;
// console.log(star)
},

 

 

 

 

 

 

参考链接：https://blog.csdn.net/cdgogo/article/details/119336290