微信小程序中实现评分/评星效果
wxStar项目说明
wxStar是在小程序中实现评分/评星效果,见效果图,也可以直接看代码
<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、网站不提供资料下载,如需下载请到原作者页面进行下载。