微信小程序五星级评分效果

微信小程序五星级评分效果是在点餐、服务评价这些小程序里经常会使用到的功能，今天分享一个关于微信小程序五星级评分效果代码，希望对你开发微信小程序有所帮助！

效果如图：

wxml

rush:js;toolbar:false">


=index+1}}" style="padding-right: .5em" class="zan-c-red" data-star="{{index+1}}">★
☆



{{starMap[star-1]}}

这里的zan-font-16,zan-c-red,zan-c-gray-dark是有赞提供的：ZanUI-WeApp 里的样式。 

这里的my-ib只是将设置display为inline-block。

js

rush:js;toolbar:false">Page({
data: {
star: 0,
starMap: [
'非常差',
'差',
'一般',
'好',
'非常好',
],
},
myStarChoose(e) {
let star = parseInt(e.target.dataset.star) || 0;
this.setData({
star: star,
});
}
});