小程序中评分功能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 条评论
登录 后参与评论

相关文章

来自专栏SEO

「改版」网站改版SEO清单:不要丢失流量

3046
来自专栏玉树芝兰

如何把思维导图秒变成幻灯?

(由于微信公众号外部链接的限制,文中的部分链接可能无法正确打开。如有需要,请点击文末的“阅读原文”按钮,访问可以正常显示外链的版本。)

1022
来自专栏养码场

工作还是游戏?程序员:我选择边玩游戏边工作!

一方面体现在“数据”构造上仍有广阔的待开发空间,另一方面则是应用场景,除了做客观评价和“讲故事”,还需打通更多的商业模式。

721
来自专栏玉树芝兰

安装 Python 软件包遇错误,怎么办?

本文通过一个命令行转换 pdf 为词云的例子,给你讲讲 Python 软件包安装遇挫折时,怎么处理才更高效?

1292
来自专栏沈唁志

什么是网页快照?快照问题汇总!

1834
来自专栏Debian社区

Proxmox VE 5.0 Beta1 发布,基于 Debian 9 Stretch

Proxmox 5.0 Beta 1 “Virtual Environment” 发布了,新版基于 Debian 9 “Stretch”,采用了 Linux 4...

902
来自专栏黄希彤的专栏

Discuz! 论坛使用云数据库可能遭遇随机的“The table XXX is full”异常

一个Discuz! 论坛在腾讯云已经良好工作了很久,不久前突然随机出现以下错误:从字面意思上看,就是数据表“common_visit”满了写不进去,最可能的就是...

3490
来自专栏安恒信息

黑客披露多款DSL调制解调器存后门

旧年已逝,新年伊始。消费级DSL调制解调器也又一次现漏洞。 宽带用户如今已经知道如果一个设备是连在互联网上的话,就千万不要启用设备上任何类型的远...

2567
来自专栏13blog.site

短信接口被恶意调用(二)肉搏战-阻止恶意请求

作者:13 GitHub:https://github.com/ZHENFENG13 版权声明:本文为原创文章,未经允许不得转载。 前言 承接前文《短信发...

4296
来自专栏Android 开发者

Android 模拟器现已支持 AMD 处理器和 Hyper-V

自两年前谷歌对 Android 模拟器进行重大更新以来,我们一直致力于开发出一款运行速度快、功能全面的模拟器,帮助您为用户打造卓越应用体验。Android 模拟...

1941

扫码关注云+社区