关于【积分获取】的说明关于【附件下载】的说明
查看: 547|回复: 12

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

[复制链接]

37

主题

43

帖子

1万

积分

论坛元老

Rank: 8Rank: 8

积分
17379
发表于 2017-8-14 18:02:18 | 显示全部楼层 |阅读模式

登录后查看更多内容,推荐微信扫码快速登录

您需要 登录 才可以下载或查看,没有帐号?【建议使用下方微信快捷登录注册】

x
我写的是分满分制的,首先,准备个图片,
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<pingfen){</pingfen){
            }else{
            }
      }else{//评分不为整数,如3.5、2.5
            if(i<pingfen-0.5){</pingfen-0.5){
              nums.push(data.zheng);            }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<tuangou.length;i++){</tuangou.length;i++){
            tuangou.pingfenpic=pingxin.pingfen(parseFloat(tuangou.pingfen));        }
          tuangou:tuangou
       console.log(that.data.tuangou);

      fail: function() {
      },
  // complete
    });}

回复

使用道具 举报

0

主题

25

帖子

23

积分

新手上路

Rank: 1

积分
23
发表于 2017-8-25 12:51:52 | 显示全部楼层
这个代码实用
回复

使用道具 举报

0

主题

4

帖子

10

积分

禁止发言

积分
10
发表于 2017-9-9 19:57:18 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

0

主题

2

帖子

11

积分

禁止发言

积分
11
发表于 2017-9-29 17:53:53 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

0

主题

2

帖子

11

积分

禁止发言

积分
11
发表于 2017-9-29 21:04:27 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

0

主题

93

帖子

97

积分

注册会员

Rank: 2

积分
97
发表于 2018-3-31 11:46:25 | 显示全部楼层

好 学习学习
回复

使用道具 举报

0

主题

88

帖子

90

积分

注册会员

Rank: 2

积分
90
发表于 2018-3-31 15:53:39 | 显示全部楼层
感谢分享 小白学习
回复

使用道具 举报

0

主题

88

帖子

90

积分

注册会员

Rank: 2

积分
90
发表于 2018-3-31 15:53:49 | 显示全部楼层
感谢分享 小白学习
回复

使用道具 举报

0

主题

125

帖子

132

积分

注册会员

Rank: 2

积分
132
发表于 2018-4-1 15:20:09 | 显示全部楼层
这个代码实用
回复

使用道具 举报

0

主题

125

帖子

132

积分

注册会员

Rank: 2

积分
132
发表于 2018-4-1 15:20:15 | 显示全部楼层
这个代码实用
回复

使用道具 举报

本版积分规则

关闭

站长推荐上一条 /1 下一条

QQ|Archiver|手机版|小黑屋|小程序大全|小程序开发者论坛-汇集最优质源码、开发者教程、小程序资源

GMT+8, 2018-10-18 05:31 , Processed in 1.191612 second(s), 10 queries , File On.

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表