微信小程序中实现评分/评星效果

wxStar项目说明

wxStar是在小程序中实现评分/评星效果,见效果图,也可以直接看代码

使用说明 wxml

<import src="/wxStar/wxStar.wxml" />

<template is="wxStar" data="{{wxStar: wxStar}}" />

js

// wxStar初始化

wxStar.wxStar(this, 3, true);

参数说明:

this:当前Page对象

3:初始化星数

true: 代码可编辑,即用户可以进行评星,如果是false,则表明只能查看,不可编辑

wxss

@import "/wxStar/wxStar.wxss";

方法说明 回调方法

this.starChangeCb();   // 选择星数后的callback

this.initSuccessCb();     // 初始化完成后的callback

获取当前星数

this.wxStarCont();   // 获取当前星数

重置当前星数

this.wxStarInit(5);   // 重置星数

取消半星做法

在starChangeCb里面,重新调用wxStarInit方法即可~

想添加技术讨论群,可以联系我

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。