微信小程序实现星级评分与展示

    评价
    
        
            
        
        {{starImgs[starId - 1].level}}
    

// js
Page({
    data:{
        starImgs: [
            {
                id: 1,
                level : "非常不推荐",
            }, 
            {
                id: 2,
                level : "不推荐",
            }, 
            {
                id: 3,
                level : "一般",
            }, 
            {
                id: 4,
                level : "推荐",
            }, 
            {
                id: 5,
                level : "非常推荐",
            }
        ],
        starId: 5,
        star_full: "/icons/score_full_big.png",//星星图标 满星
        star_empty: "/icons/score_empty_big.png",//星星图标 空星
    },
    
    /**
     * 星级评分点击事件
     */
    select(e) {
        this.data.starId = e.currentTarget.dataset.index;
        this.setData({
            starId : this.data.starId,
        })
    },
})

    {{filters.toFix(Info.grade)}}
    
        
            
        
        
            
        
    

// filter.wxs
var filters = {
    toFix: function (value) {       
        var valueNum = parseFloat(value);
        return valueNum.toFixed(1)
        // 保留一位小数
    }
}
 
module.exports = {
    toFix: filters.toFix,
}