今天有个功能,根据后台给的数据来判断要给多少颗星,但是之前都是循环的对象类型,我要怎么根据一个数字来做循环呢?
请看::::::::给大家分享一下。(如果有更好的方法记得……你懂得。)
这个是满心的(最多五个)后台传了一个5给我,但是如果后台给我们传了一个二呢?下面请看代码。
当传过来二的候后面的星星变成空心的。
<
view
class=
'star-level'>
<
block
wx:if=
'{{item.grade > 0}}'>//第一个先判断后台传过来的数据要大于0再进行循环
<
block
wx:for=
'{{item.grade-0}}'
wx:key=
'un'>//注意这里item.grade是后台传过来的星级,为什么是减零呢,?
//自我感觉就是当它是减法的时候,他会自动从大到小减到以反之就是加(这只是我的假想,大家可以去研究一下。)。
<
image
src=
'/images/ico_good_masterdata.png'></
image
>//这是实心的星星
</
block
>
</
block
>
<
block
wx:if=
'{{item.grade < 5}}'>//判断如果传过来的值小于5就执行以下循环
<
block
wx:for=
'{{5-item.grade-0}}'
wx:key=
"un">//我们循环用最大数减去传过来的数得到的值,就得到我们后面的空心圆了。
<
image
src=
'/images/ico_bad_masterdata.png'></
image
>
</
block
>
</
block
>
</
view
>
这是最终想要的效果图