微信小程序 五星评价功能的实现

微信小程序 五星评价功能的实现

微信小程序 五星评价功能

话不多说，我们来看一下效果图：

要实现的效果：点击到第几颗星，就要显示到第几颗星,

接下来直接查看源码：

满意度：

css如下：

.l-evalbox{

height: 100rpx;

padding: 0 3%;

margin-top: 10rpx;

background: #FFF;

line-height: 100rpx;

}

.l-evaltxt{

width: 120rpx;

display: block;

font-size: 26rpx;

color: #666666;

}

.l-evalist .icon{

background-position: -77rpx -246rpx;

width: 40rpx;

height: 43rpx;

margin-right: 30rpx;

}

.l-evalist .cur{

background-position: -128rpx -246rpx;

}

.l-evalist .icon:last-child{

margin: 0;

}

js代码如下：

chooseicon:function(e){

var strnumber=e.target.dataset.id;

var _obj={};

_obj.curHdIndex=strnumber;

this.setData(dlbahLCJZ{

tabArr: _obj

});

},

这样效果显示如下：

感谢阅读，希望帮助到大家，谢谢大家对本站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。