小编今天给大家介绍一下微信小程序上的星级评价是如何实现的! 星级评分分成两种情况: 一 展示后台给的评分数据 二 用户点击第几颗星星就显示为几星评分。 图例: 代码: wxml部分 view view一:显示后台给的评分/view block wx:for={{one_1}} wx:key=item i
小编今天给大家介绍一下微信小程序上的星级评价是如何实现的! 星级评分分成两种情况: 一 展示后台给的评分数据 二 用户点击第几颗星星就显示为几星评分。 图例: ![]()
代码:
wxml部分
wxss部分
js部分
starg是灰色的星星,star是点亮的星星。if判断那里:如果点击的是点亮的星星的话,点亮星星的个数就是点的这个ID。如果点的是灰色星星的话,点亮星星的个数就是点的这个ID加上已点的个数。而ID就是星星的个数。 |
2021-06-04
2019-01-10
2019-02-17
2021-09-12
2021-09-30