1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 微信小程序 星级评分 (带小数的评分/半星)

微信小程序 星级评分 (带小数的评分/半星)

时间:2019-03-24 00:43:30

相关推荐

微信小程序 星级评分  (带小数的评分/半星)

首先准备三种不同的星星图片,满星、半星、空星的;

示例代码:

比如评分是小数点 4.8分,就根据相应的判断显示内容,乘以10好取余;接口返回的字段名称替换4.8就欧了;

<block wx:for="{{5}}" wx:for-index="index2" wx:key="index2" ><!-- 满星 --><icon wx:if="{{4.8 >= index2+1}}" class="icon" style="background: url(../../images/icon/start.png) no-repeat;background-size: 22rpx 22rpx;"></icon><!-- 半星 --><icon wx:elif="{{4.8 >= index2 && (4.8*10)%10 != 0}}" class="icon" style="background: url(../../images/icon/xingji.png) no-repeat;background-size: 22rpx 22rpx;"></icon><!-- 空星 --><icon wx:else class="icon" style="background: url(../../images/icon/start1.png) no-repeat;background-size: 22rpx 22rpx;"></icon></block>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。