小程序开发|小程序制作|小程序开发网

搜索

微信小程序如何开发?五星评分效果教程

2017-8-14 18:02| 发布者: 风琴来| 查看: 345| 评论: 6

摘要: 我写的是分满分制的,首先,准备个图片, 00.51 效果图:(以为例)然后上代码: function pingfenxing(pingfen){ //这里是图片的路径,自己需要改 ling:"img/pingfen0.png", ban:"img/pingfen1.
我写的是分满分制的,首先,准备个图片, 00.51 效果图:(以为例)
然后上代码: function pingfenxing(pingfen){ //这里是图片的路径,自己需要改 ling:"img/pingfen0.png", ban:"img/pingfen1.png"}, nums=[];这里是返回图片排列的顺序的数组,这里要注意在页面使用的时候图片的路径,不过使用网络图片无所谓 if((pingfen/0.5)%2==0){ for(var i=0;i<5;i++){ if(i }else if(i==(pingfen-0.5)){ nums.push(data.ban); }else{ nums.push(data.ling); } }
WXML代码: {{item.pingfen}} var pingxin=require("../../utils/pingxing.js"); tuangou:tuangou}onLoad:function(options){ var that=this; wx.request({ url: 'https://wxapp.com/tuangou', data: {}, success: function(res){ console.log(res.data.tuangou);
for(let i=0;i.pingfenpic=pingxin.pingfen(parseFloat(tuangou.pingfen)); } tuangou:tuangou console.log(that.data.tuangou);
fail: function() { }, // complete });}

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

鲜花

握手

雷人

路过

鸡蛋
发表评论

最新评论

引用 admin 2018-3-31 15:53
这个代码实用
引用 风琴来 2018-3-31 11:46
这个代码实用
引用 yangyuan 2017-9-29 21:04
感谢分享 小白学习
引用 admin 2017-9-29 17:53
感谢分享 小白学习
引用 快乐的鱼 2017-9-9 19:57
好 学习学习
引用 北极圈的瓜 2017-8-25 12:51
这个代码实用

查看全部评论(6)

返回顶部