微信小程序实现笑脸评分功能

这个例子分享了微信小程序实现笑脸评分的具体代码，供大家参考。具体内容如下

图像法实现的笑脸评分功能

因为我这里的图片不是背景图片，所以实现方法和使用背景图片的方式不同。也可以使用wx:for进行操作。因为微信小程序需要base64格式或者网络图来设置背景图片，所以没有背景图片。

首先有三张图赞不绝口。首先，当你进入页面进行评分时，你需要默认为赞。1.png说，未选中的图片2.png代表选中的图片。图片点击并绑定相同的功能

view class=' evaluation _ top ' view class=' ico ' bind tap=' change _ color ' data-id=' 1 ' image class=' ico _ pace ' src='./image/差评{{ico _ index1}}。png ' style=' width :80 RP height :80 rpx；'/image错误评估/view view class=' ico ' bind tap=' change _ color ' data-id=' 2 ' image class=' ico _ pace ' src='./image/medium评估{{ico _ index2}}。png ' style=' width:80rpx' height:80rpx'/image review/view class=' ico ' bind tap=' change _ color ' data-id=' 3 ' image class=' ico _ pace ' src='./image/赞美{{ico _ index3}}。png ' style=' width:80rpx' height:80rpx'/image赞/view/viewjs:

Page({/*** page的初始数据ico_index默认指示是否选择了三张图片。face_type表示评分差异中好评的分值分别为1、3、5。由于当前默认好评，评分默认为5 */data: {ico _ index1:' 1 '，ico _ index23360' 1 '。ico_index3: '2 '，face_type: '5 '，}，change _ color : function(e){ var id=e . CurrentTarget . dataset . id；//获取由wxml中的数据-id判断的console . log(id)；If (id==1){ //如果此时点击第一张图片，第一张图片变成2.png，然后其他图片变成1.png，然后分数变成1，以此类推。setdata ({ico _ index1:' 2 '，ico _ index2:' 1 '，ico _ index:' 1 '，face _ type : ' 1 ' })if(id==2){ this . setdata({ ico _ index 1: ' 1 '，ico_index2: '2 '，ico_index3: '1 '，face _ type : ' 3 ' })if(id