微信小程序怎么实现五星评分功能

这篇文章主要介绍了微信小程序怎么实现五星评分功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

在峰峰矿等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供做网站、成都网站建设 网站设计制作按需策划,公司网站建设,企业网站建设,品牌网站制作,全网营销推广,外贸营销网站建设,峰峰矿网站建设费用合理。

五星级评分效果:


  
    
      =index+1}}"  class="zan-c-red" data-star="{{index+1}}">★
      ☆
    
  
  
  {{starMap[star-1]}}

这里的zan-font-16,zan-c-red,zan-c-gray-dark是ZanUI-WeApp的样式。

这里的my-ib只是将设置display为inline-block。

Page({
  data: {
    star: 0,
    starMap: [
      '非常差',
      '差',
      '一般',
      '好',
      '非常好',
    ],
  },
  myStarChoose(e) {
    let star = parseInt(e.target.dataset.star) || 0;
    this.setData({
      star: star,
    });
  }
});

效果如图:

微信小程序怎么实现五星评分功能

感谢你能够认真阅读完这篇文章,希望小编分享的“微信小程序怎么实现五星评分功能”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


分享标题:微信小程序怎么实现五星评分功能
当前网址:http://myzitong.com/article/ipdhgh.html