小程序中评分功能wxStar项目说明

知晓程序员,专注微信小程序开发的程序员!

各位同学,新年好!连胜老师给您拜个晚年~

年前有同学在小程序讨论群里反馈,让帮忙推荐个小程序的评星效果组件,需要支持半颗星的选择,于是连胜老师就自己写了个demo练练手,如下图:

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

一、项目地址

代码已经放到github上,地址:https://github.com/lshxiao/wxStar

二、使用说明

wxml

使用template实现,引用很简单:

js

初始化 & 事件处理方法,如下:

wxss

把wxStar.wxss直接import进来,评星效果已经完成:

代码比较简单,使用template实现,大家可以自己查看源码。

三、支持回调

初始化之后,可以回调page的initSuccessCb方法;

选择星之后,可以回调page的starChangeCb方法;

提供这两个方法,方便在使用过程中自己做单独处理~

注:群内有同学反馈,想在一个page里面支持多个评星效果,这就需要自己修改一下代码,照猫画虎了。

再次祝各位同学新年快乐!工作顺利!

原文发布于微信公众号 - 知晓程序员(bainaweb)

原文发表时间:2018-02-23

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏代码小睿

clicaptcha中文点击验证码开发经验总结

  现在的验证码真是越来越高级了,12306 的找图验证码,极验的拖动式验证码,还有国外的一些黑科技,能智能判断你是不是机器人的验证码。   验证码的更新迭代让...

2259
来自专栏iKcamp

iKcamp|基于Koa2搭建Node.js实战(含视频)☞ 处理静态资源

视频地址:https://www.cctalk.com/v/15114923882788 处理静态资源 无非花开花落,静静。 指定静态资源目录 这里我们使用第...

4067
来自专栏编程微刊

提高工作效率的几个小技巧

1344
来自专栏SEO

「谷歌」Hreflang标签知识与多国语言网站SEO优化

36714
来自专栏AI科技大本营的专栏

python语音识别终极指南

译者 | 廉洁 编辑 | 明明 【AI科技大本营导读】亚马逊的 Alexa 的巨大成功已经证明:在不远的将来,实现一定程度上的语音支持将成为日常科技的基本要求。...

4357
来自专栏IT派

Python家族全家福,看你到底有多少熟人?

包管理 管理包和依赖的工具。 pip – Python 包和依赖关系管理工具。 pip-tools – 保证 Python 包依赖关系更新的一组工具。 cond...

4035
来自专栏北京马哥教育

Python语音识别终极指北,没错,就是指北!

1834
来自专栏互联网数据官iCDO

GOOGLE 跟踪代码管理器101 PART 6 – 真实的跳出率

主编前言: 很多朋友都听说过Tag Management(监测代码管理),但其强大的功能和实现方式,了解的朋友不多。本系列以Google Tag Manager...

3364
来自专栏iOS122-移动混合开发研究院

记一个同时支持模糊匹配和静态推导的Atom语法补全插件的开发过程: 序

简介 过去的一周,都睡的很晚,终于做出了Atom上的APICloud语法提示与补全插件:apicloud_autocomplete.个中滋味,感觉还是有必要记录...

1816
来自专栏phodal

操作系统Emacs是如何沦落为一代编辑器的?

(本文根据史实改编,如有雷同纯属巧合) 我正在用Emacs替换IDE和Sublime Text,至于理由看另外一篇文章《Emacs是最好的编辑器~~》。 开始之...

2218

扫描关注云+社区