关于星星评分组件的实现

来源:20-15 星星评分组件的实现

爱吃apple的阿狸

2020-03-28

现在可以直接这样循环就完事儿了,只需要Math.floor(star/10) 取个整到个位数就可以,也就不需要转换方法了

<template name="starsTemplate">
  <view class="stars-container">
    <view class="stars">
      <block wx:for="{{stars}}" wx:key="i">
        <image src="/images/icon/star.png"></image>
      </block>
      <block wx:for="{{5-stars}}" wx:key="i">
          <image src="/images/icon/chat.png"></image>
      </block>
    </view>
    <text class="stars-score">{{average}}</text>
  </view>
</template>
写回答

1回答

7七月

2020-03-28

方法有很多,可以自己选择合适的方法。

0
1
爱吃apple的阿狸
非常感谢!
2020-03-28
共1条回复

微信小程序入门与实战(全新版) 超20000人学习的好课

4年同步微信官方迭代,累计20000+人学习, 比微信官方更火爆!

23867 学习 · 6899 问题

查看课程