小程序-电影首页（三） 根据评分动态获取星星的个数

最新推荐文章于 2024-06-16 21:25:39 发布
最新推荐文章于 2024-06-16 21:25:39 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42264823/article/details/83926253
版权

新建一个目录utils在里面新建一个脚本文件，在里面存放星星动态变化的语句

让它输出一下

然后在movies.js里面引用

再在temp里面加入stars属性

修改movie-template

修改stars-template 将五张星星的图片改为循环，加block 然后用if else来

记得下面分数的average更换为前面所赋值的score

Ok  现在数据已经呈现出来了

达布腊鸡
关注
专栏目录
微信小程序之店铺评分组件及vue中用svg实现的评分显示组件
ZJW222的博客
11-15 605
在微信小程序中，有遇到要展示店铺评分，或者是订单完成后对商品进行评价，用到了星星展示，查了下，在微信中无法使用svg实现图片，微信中只能将svg图片转成base64来显示，所以是在vue中使用的svg来实现评分 1.效果图 微信中的可以点击及显示，但是，显示的话，在4.2分，4点多分的时候，显示的是半颗星vue中用的是svg实现，所以用的是占比的形式,可以有一点点的星 2.微信实现...
微信小程序豆瓣电影（上）
热门推荐
xiaoying1223的博客
11-24 1万+
微信小程序豆瓣电影 前言 打开app.js文件，删除自带代码，只保留以下代码。 //app.js App({ }) 5.2 删除logs文件包。 5.3 打开app.json文件，删除"pages/logs/logs"，保留以下代码。 { “pages”:[ “pages/index/index” ], “window”: { “backgroundTextStyle”: “light”, “navigationBarBackgroundColor”: “#41be57”, “navigationBarTi
根据后台所给数据，在前台显示相应的星星数量
暗透了更能看到星光
08-29 1942
<block wx:if='{{hospital.num > 0}}'><!--判断后台传入的数据>0再进行处理--> <view class='star' wx:for="{{ hospital.num-0}}"> <image src='/images/organ/star.png' mode='as...
评论根据后台数据显示星星
qq_45376215的博客
08-02 651
$.get(url1, { userId: userId, }, function(data) { var pinglun = data.evaluationList;//后端返回结果 // if(pinglun!=null){ // } var li = document.createElement("li"); var commentnumber; //评论总数 ...
在小程序里实现星星评级
qq_27851967的博客
08-16 539
1.点亮的星星和未点亮的是两张图片，都是通过循环渲染生成的，初始化评级为0，则不亮的星星的个数为 总评级减去当前评级。而点亮的星星个数就是评级数。 2.WXML文件里，先写点亮再写未点亮。如下： <view class='star-cell' wx:for="{{feedbacks}}" wx:for-item="feedback" wx:for-index="findex" wx:f...
[微信小程序]星级评分和展示(详细注释附效果图)
NAMECZ的博客
04-11 2519
星级评分分成两种情况: 一:展示后台给的评分数据   二:用户点击第几颗星星就显示为几星评分;[html] view plain copy<!--pages/test/test.wxml-->  <view>  <view>一:显示后台给的评分</view>  <block wx:for="{{one_1}}">  <image s..
小星星评分制作
weixin_44579862的博客
07-18 375
现在大多是评分都是使用五角星评分。那么这种评分是如何制作的呢，那么接下来使用例子进行制作演示。 首先，在这里使用的时layui进行制作，那么使用layui的话首先肯定要先引入layui的css以及js， 那么以下是源码： 也就是，首先需要定义一个div来作为小星星的容器， 然后再加载，渲染对应的模块，然后再设置对应的参数即可。 以下是rate 组件提供的基础参数，你可根据实际场景进行相应的设...
微信小程序实现星级评分和展示
08-27
实现微信小程序星级评分和展示需要涉及到WXML、WXSS和JS三个部分。WXML部分主要负责布局和结构，WXSS部分主要负责样式和布局，JS部分主要负责逻辑处理和数据绑定。 在WXML部分，我们使用了block和wx:for来实现星级...
2023年05月三级
最新发布
qq_53280238的博客
06-16 730
执行D程序时，机器人没碰到绿色会移动，碰到后停止移动，左转90度，转完以后机器人还是站在绿色格子上，碰到绿色一直成立，机器人不会移动，会一直在原地转圈圈。私有变量，适用于局部，特定对象，其他角色是可以通过侦测程序中对象的属性读取到的，但是，由于是局部私有的变量，其他角色是不可以修改的。结果是不会，因为图章复制的小猫，会继承主体的特征，但是不会再被程序修改。试题解析：一开始变量x的值是3.14，四舍五入以后是3，3除以3可以除断，余数为0，0=0的条件是成立的，所以最后角色会说出“true”。
mllib调参 spark_Spark入门实战系列--8.Spark MLlib（下）--机器学习库SparkMLlib实战
weixin_39789101的博客
12-19 357
【注】该系列文章以及使用到安装包/测试数据 可以在《1、MLlib实例1.1聚类实例1.1.1算法说明聚类(Cluster analysis)有时也被翻译为簇类，其核心任务是：将一组目标object划分为若干个簇，每个簇之间的object尽可能相似，簇与簇之间的object尽可能相异。聚类算法是机器学习(或者说是数据挖掘更合适)中重要的一部分，除了最为简单的K-Means聚类算法外，比较常见的还有...
仿淘宝的星级评分(显示星星和分数)
04-25
仿淘宝的星级评分(显示星星和分数)，绝对是你想要的
js 星星评分 (根据数据显示星星个数)-----简版
ZZHK666的博客
02-16 3976
星星评分-简版 纯属自己的想法 最近在做一个项目用到星星评分，然后就各种找插件，还是不能满足我的要求，然后就自己写了一个，笨方法，可能不是很好，记录一下。 新的改变 /评分/ .box { width:100px; height:20px; /background:#f4cea3;/ background: url(…/images/icon/xingxing1.png) top left ...
微信小程序--电影首页星星颗数根据评分自动生成
m0_56752010的博客
08-22 559
第一步：star.wxs 文件 第二步：在 .wxml 文件中引入 star.wxs 文件 第三部：.wxml 文件中代码如下图： 第四步：js文件中，data中写出文件路径 效果图：
根据评分显示星星个数(全星、半星、空星)
weixin_43294560的博客
05-26 1291
思路:将评分转换成数组,根据数组1，0.5，0来判断显示什么内容 let arr=[]; let m=Math.floor(this.score); //整数部分 let n=this.score-m; //小数部分 方式一: for(let i=0;i<m;i++) //全星 { arr.push(1); } if(n>=0.5) //最多出现一个半星 { arr.pus...
微信小程序中实现五星评价（后台评分小程序显示）
坤音女孩的博客
11-26 7163
1.在.js页面中，定义一个num，代表评分星星颗数 2.在.js页面中，定义setData（）函数，one_1表示黄色星星颗数，two_1表示灰色星星颗数 setData（）函数：用于将逻辑层数据发送到视图层，同时对应的改变this.data的值。 setData（）参数格式：接受一个对象，以键（key）值（value）的方式改变值。 3.在.wxml页面中，循环渲染黄灰星星颗数（星星为图片...
微信小程序打星评分功能
weixin_34375054的博客
06-05 1040
2019独角兽企业重金招聘Python工程师标准>>> ...
Android 使用ImageView的setImageLevel和level-list实现电影星级评价星级的显示
printlnout的博客
09-10 506
    为了ImageView设置很多不同图片以表示某种应用状态，如果每次都一一的通过ImageView设置图片的src来达到这一目的，实在是太过于繁琐，且维护和管理起来不便。因此，引入ImageView的setImageLevel和level-list实现这一目的。 电影有五个星级； 先写一个movie_info_score_level.xml &lt;?xml version="1...
python获取数组内0-10元素的个数和10-100元素的个数
05-27
假设数组名为`arr`，可以使用以下代码获取0-10元素的个数和10-100元素的个数： ```python # 获取0-10元素个数 count_0_10 = 0 for i in arr: if i >= 0 and i count_0_10 += 1 # 获取10-100元素个数 count_10_...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值