美文网首页
网页显示评分函数封装

网页显示评分函数封装

作者: overflow_hidden | 来源:发表于2017-04-01 16:30 被阅读57次
    @params evaluation  = 4.2/5.0/0.3 3.1 等等。
    commentStart(evaluation){
              //分数图片的数组0-10 表示0.1-1分星星图标
        let starKu = [
            "grade0.png",
            "grade1.png",
            "grade2.png",
            "grade3.png",
            "grade4.png",
            "grade5.png",
            "grade6.png",
            "grade7.png",
            "grade8.png",
            "grade9.png",
            "grade10.png"
        ];
        //默认5分 
        let starList = [
            "grade10.png",
            "grade10.png",
            "grade10.png",
            "grade10.png",
            "grade10.png"
        ];
    
        if(!evaluation){
            return starList;
        }
    
        for (let i = 0;i < 5;i++){
            if(evaluation >0 && evaluation<1){
                evaluation = evaluation.toFixed(1);
                starList[i] = starKu[evaluation*10];
            }else if(evaluation < 0){
                starList[i]= starKu[0];
            }
            --evaluation;  
        }
    
       return starList; //返回分数数组
    }

    相关文章

      网友评论

          本文标题:网页显示评分函数封装

          本文链接:https://www.haomeiwen.com/subject/ocwiottx.html