微信小程序之实现五星评分的示例

微信小程序 五星评分

五星级评分效果:

  
    
      ★
      ☆
    
  
  
  {{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: [
      &＃39;非常差&＃39;,
      &＃39;差&＃39;,
      &＃39;一般&＃39;,
      &＃39;好&＃39;,
      &＃39;非常好&＃39;,
    ],
  },
  myStarChoose(e) {
    let star = parseInt(e.target.dataset.star) || 0;
    this.setData({
      star: star,
    });
  }
});

效果如图：

以上就是微信小程序之实现五星评分的示例的详细内容，更多请关注其它相关文章！