我的小程序项目知识点(小星星评分)

我的小程序项目知识点(小星星评分)
一个有趣的小逻辑:比如把一个数字转换成小星星来显示,这个在很多地方都见过,这篇文章就来记录一下这个小逻辑:实例如下:
在这里插入图片描述
小星星有三种形态,高亮的(2分),一半高亮的(1分),还有灰色的(0分),大致就是这样子的,一共十分,每个小星星两分,(8分就是四个高亮的小星星,再加上1个灰色的),当然这里的计算就是,当你输入一个数字,进行除二取整和取余计算
除二取整就是高亮的个数,
除二取余就是半高亮的个数,
10分共5个小星星,减去高亮和半高亮就是剩余灰色的了。
wxml中,进行自定义属性
在这里插入图片描述

js中代码定义变量进行存储
在这里插入图片描述
然后对页面传来的数字在下面进行计算
在这里插入图片描述
然后在页面数据绑定,然后显示
在这里插入图片描述
就这样子了
0分
在这里插入图片描述
7.5分
在这里插入图片描述
10分
在这里插入图片描述