WeChat applet-making of the five-star rating function

This article mainly introduces the implementation of the five-star evaluation function of Mini Programs. the example code and implementation are provided here, for more information about how to implement the five-star evaluation function of a mini-program, see the following article. The example code and implementation are provided here. For more information, see

Mini-app five-star rating function

Let's take a look:

   
  
   
Satisfaction:
    
      
       
       
       
       
     
  
 

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;}

The js code is as follows:

chooseicon:function(e){     var strnumber=e.target.dataset.id;    var _obj={};    _obj.curHdIndex=strnumber;     this.setData({      tabArr: _obj    });    },

The result is as follows:

Thank you for reading this article and hope to help you. thank you for your support for this site!

The above is the details of the creation of the five-star rating function of the mini-program. For more information, see other related articles in the first PHP community!