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

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

示例代码：

比如评分是小数点 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>

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

字体设计符号组合多功能微信小程序源码带流量主
这是一款主打字体设计,符号组合等多模板功能的一款微信小程序源码内含多种功能,比如: 花式字体设计表情字体组合设计翅膀字体组合火星文一键生成符号库空白名称彩色网名等等还有很多,所以就不一 ...
校园跑腿微信小程序跑腿同学带直播新版源码
校园跑腿微信小程序跑腿同学带直播新版源码适用类型微信小程序测试环境:系统环境:CentOS Linux 7.6.1810 (Core).运行环境:宝塔 Linux v7.0.3(专业版).网站环 ...
如何去掉微信小程序的自带头部，自定义创建？
一.如何去掉微信小程序的自带头部,自定义创建? 在进行微信小程序的开发中微信小程序的头部会默认生成一个头部,用来展示每个pages页面标题,可以在app.json中的window中进行配置,但是它自身 ...
多接口网课题库等综合搜题微信小程序源码带流量主
多接口网课题库等综合搜题微信小程序源码带流量主,网课搜题小程序下载:https://download.csdn.net/download/qq_45102995/87785387
[微信小程序]星级评分和展示(详细注释附效果图)
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: 星级评分分成两种情况: 一:展示后台给的评分数据二:用户点击第几颗星星就显示为几星评分; < ...
微信小程序使用template标签实现五星评分
前言微信小程序特点"无须安装,无须卸载,触手可及,用完即走",适合轻量级应用快速开发.小程序模版思想是它开发的核心思想,可以帮助开发者减少很多重复代码,我们来看看怎么在小程 ...
android源码大全 IOS游戏源代码打包下载小游戏|视频教程微信小程序源码带后台全套|公众号平台
不断更新中,下面是2017-12-22更新部分 IOS_源码及视频一小部分: 开发环境:Xcode 基于cocos2d的tweejump跳跃游戏ios经典游戏源码.rar https://pan.b ...
最新九宫格心形拼图微信小程序源码+带流量主
正文: 九宫格心形拼图小程序源码,带流量主微信小程序源码.可以自定义拼图形状,保存张数自由填充图片.自由剪裁图片等.并带有流量主广告位,有需要的可以下载看看. 程序: wwuyj.lanzoui.c ...
微信小程序从无到有（仿写豆瓣评分小程序）
目录标题写在前面页面顶部搜索栏主页搜索栏搜索详情页首页板块电影评分请求网络数据查看更多页面详情页设计评论页设计项目文件整体结构运行效果演示项目总结写在前面前段时间跟着某 ...
微信小程序路由，带参数跳转及接收
微信小程序的跳转形式有多种 1.wx.navigateTo 保留当前页面,跳转到应用内的某个页面,但是不能跳到 tabbar 页面带参数跳转,以下都是一样. wx.navigateTo({url: ...

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

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

最新文章

热门文章

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

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

最新文章

热门文章

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

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