这篇文章主要介绍了微信小程序如何实现五星评价功能，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友可以参考下

效果

要实现的效果：点击到第几颗星，就要显示到第几颗星，br数据过滤='过滤'//////////////////////

接下来直接查看源码：

视图类=' l-eval框行'文本类=' l-eval txt '满意度：/text view class=' l-eval ist flex-1 ' bind tap=' choose icon ' icon class=' { { tabarr。curhdindex“0”？cur icon ' : ' icon ' } ' data-id=' 1 '/icon icon class=' { { tabarr。curhdindex“1”？cur icon ' : ' icon ' } ' data-id=' 2 '/icon icon class=' { { tabarr。curhdindex ' 2 '？cur icon ' : ' icon ' } ' data-id=' 3 '/icon icon class=' { { tabarr。curhdindex ' 3 '？cur icon ' : ' icon ' } ' data-id=' 4 '/icon icon class=' { { tabarr。curhdindex ' 4 '？cur图标' : '图标' }} '数据-id=' 5 '/图标/视图/视图英国铁路公司数据-过滤='过滤英国铁路公司数据-过滤='过滤钢性铸铁如下：l-eval box {高度： 100 rpx划水： 0.3%;边距-top : 10 rpx；背景： # FFF；线高： 100 rpx}.l-eval txt { width : 120 rpx；显示器：块；font-size : 26rpxcolor: # 666666 }。我评估员。图标{背景-位置：-77rpx-246 rpx；宽度： 40 rpx高度： 43rpx右边距： 30 rpx}.我评估员cur {背景位置：-128 rpx-246 rpx；}.评估专家。图标：最后一个孩子{边距： } 0；}br数据过滤="过滤“js代码如下：

选择图标：函数(e){ var strnumber=e . target。数据集。id；var _ obj={ }；_ obj.curHdIndex=strnumberthis。setdata({ tabar : _ obj })；},这样效果显示如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。