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

相关文章

来自专栏Theo Tsao

Ionic3学习笔记(十六)上传头像至第三方图床

个人做的开源 Demo 登录注册模块采用的是 Wilddog 野狗通讯云的身份认证服务,不得不说各方面和 Google 收购的 Firebase 很像,十分简...

671
来自专栏hbbliyong

使用Python制作一个简单的刷博器

呵呵,不得不佩服Python的强大,寥寥几句代码就能做一个简单的刷博器。 import webbrowser as web import time impor...

33614
来自专栏HBStream流媒体与音视频技术

HTTP Live Streaming直播(iOS直播)技术分析与实现

   不经意间发现,大半年没写博客了,自觉汗颜。实则2012后半年,家中的事一样接着一样发生,实在是没有时间。快过年了,总算忙里偷闲,把最近的一些技术成果,总结...

3108
来自专栏GIS讲堂

Arcgis for Android解决中文字体乱码的问题

首先,在此感谢Arcgis for Android群里的一位成员,大家可以加进来QQ群号:337469080。

594
来自专栏吴小龙同學

Android 组件化探索与思考

前言 开发中,我习惯性会把一个模块的功能放在一个包下,便于查找,但烦于耦合性太高,后期维护太费劲,因此对项目进行组件化拆分势在必行。组件化好处:便于开发,团队成...

3144
来自专栏happyJared

IDEA快捷键拆解系列(九):Build篇

  以下是关于Build导航项及其每一子项的拆解介绍,其中,加粗部分的选项是博主认为比较重要的。

471
来自专栏程序人生 阅读快乐

编写高质量代码:改善Python程序的91个建议

在通往“Python技术殿堂”的路上,本书将为你编写健壮、优雅、高质量的Python代码提供切实帮助!内容全部由Python编码的最佳实践组成,从基本原则、惯用...

723
来自专栏h5

[高仿版]h5实战仿微信聊天项目

最近也是由于项目需要做一个类似微信聊天功能,需要用html5去实现,如是就开始捣鼓开发了一个h5高仿微信聊天功能,和微信功能,样式非常相似,整体采用flex布局...

40825
来自专栏Android点滴积累

Android指纹识别深入浅出分析到实战(6.0以下系统适配方案)

  指纹识别这个名词听起来并不陌生,但是实际开发过程中用得并不多。Google从Android6.0(api23)开始才提供标准指纹识别支持,并对外提供指纹识别...

2218
来自专栏Java社区

做一个网站真的有那么难吗?

1173

扫码关注云+社区