/**
* 星星:
* 评分:0,40,30,20,0,50
* 评分与星星换算:40-->4
* star=[]
* 针对4星:[1,1,1,1,0]
*/
最终传入的星星数据是由数据进行存储的
function star(starNum){ var num = starNum.substring(0,1); var starArr = []; for(var i=0;i<5;i++){ if(i<num){ starArr.push(1); }else{ starArr.push(0); } } return starArr; } module.exports = { http:http, star:star }
代码解析:因为获取到的是评分(50、40),所以利用substring进行字符串截取以获得星星个数
<template name="starTemplate"> <view class="stars-container"> <view class="stars"> <block wx:for="{{ star }}" wx:for-index="index" wx:key="{{ index }}"> <image wx:if="{{ item }}" src="../../image/star.png"></image> <image wx:else src="../../image/chat.png"></image> </block> <view class="star-score">{{ average }}</view> </view> </view> </template>
原文:https://www.cnblogs.com/happy-prince/p/12778589.html