介绍 & lt; view 类=發-evalbox row"比;
& lt;才能text 类=發-evaltxt"在满意度:& lt;/text>
& lt;才能view 类=發-evalist flex-1", bindtap=癱hooseicon"比;
,,,& lt; icon 类=皗{tabArr.curHdIndex 祝辞& # 39;0 & # 39;?,& # 39;cur 图标# 39;,:,& # 39;图标# 39;}}“,数据id=?“祝辞& lt;/icon>
,,,& lt; icon 类=皗{tabArr.curHdIndex 祝辞& # 39;1 & # 39;?,& # 39;cur 图标# 39;,:,& # 39;图标# 39;}}“,数据id=?“祝辞& lt;/icon>
,,,& lt; icon 类=皗{tabArr.curHdIndex 祝辞& # 39;2 & # 39;?,& # 39;cur 图标# 39;,:,& # 39;图标# 39;}}“,数据id=?“祝辞& lt;/icon>
,,,& lt; icon 类=皗{tabArr.curHdIndex 祝辞& # 39;3 & # 39;?,& # 39;cur 图标# 39;,:,& # 39;图标# 39;}}“,数据id=?“祝辞& lt;/icon>
,,,& lt; icon 类=皗{tabArr.curHdIndex 祝辞& # 39;4 & # 39;?,& # 39;cur 图标# 39;,:,& # 39;图标# 39;}}“,数据id=?“祝辞& lt;/icon>
& lt;才能/view>
& lt;/view> .l-evalbox {
,,身高:100 rpx;
,,填充:0,3%;
,,margin-top: 10 rpx;
,,背景:# FFF;
,,行高:100 rpx;
}
.l-evaltxt {
,,宽度:120 rpx;
,,显示:块;
,,字体大小:26 rpx;
,,颜色:# 666666;
}
.l-evalist .icon {
,,背景位置:-77 rpx -246 rpx;
,,宽度:40 rpx;
,,身高:43 rpx;
,,margin-right: 30 rpx;
}
.l-evalist .cur {
,,背景位置:-128 rpx -246 rpx;
}
.l-evalist .icon:胎{
保证金才能:0;
} chooseicon:函数(e) {
,,
var strnumber=e.target.dataset.id;才能,
,,var _obj={};
,,,_obj.curHdIndex=strnumber;,
,,,this.setData ({,
,,,,tabArr: _obj
,,,});
,,
,},
这篇文章主要介绍微信小程序中怎么实现五星评价功能,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
<强>微信小程序五星评价功能
话不多说,我们来看一下效果图:
要实现的效果:点击到第几颗星,就要显示到第几颗星,
接下来直接查看源码:
css如下:
js代码如下:
这样效果显示如下:
以上是“微信小程序中怎么实现五星评价功能”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
