专栏首页微信小程序开发小程序中评分功能wxStar项目说明

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

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

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

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

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

一、项目地址

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

二、使用说明

wxml

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

js

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

wxss

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

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

三、支持回调

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

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

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

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

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

本文分享自微信公众号 - 知晓程序员(bainaweb),作者:连胜

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

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

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微信小程序开发常见问题(七)

    知晓程序员,专注微信小程序开发的程序员! 一、判断小程序版本号 小程序的API是不断更新的,你可能使用某个API时,文档里会说明,此API在1.x.x版本开始...

    连胜
  • 推荐 | 超好用的报名工具小程序,值得收藏

    连胜
  • 小程序中picker的使用|日期、时间、省市区联动都可以用它实现

    知晓程序员,专注微信小程序开发的程序员! 今天来说一下小程序中picker组件的使用,官方说明如下:从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分...

    连胜
  • 在程序中时间旅行

    三年前,当我写下那篇青涩的『永恒不变的魅力』的文章时,我刚刚是 elixir 和 clojure 的入门者。我如饥似渴地从 Bret Victor,Rich H...

    tyrchen
  • Oracle 11gR2 中使用expdp导出数据

    版权声明:本文为耕耘实录原创文章,各大自媒体平台同步更新。欢迎转载,转载请注明出处,谢谢。

    耕耘实录
  • C# 温故而知新:Stream篇(—)

    目录: 什么是Stream? 什么是字节序列? Stream的构造函数 Stream的重要属性及方法 Stream的示例 Stream异步读写 Stream ...

    逸鹏
  • 【C语言笔记】结构体内存对齐

    在32位编译系统下这一个结构体的字节数是多少呢?是1+4+1+2=8字节吗?不是的,实际结果为12字节。为什么呢?因为编译器会对不足4字节的变量空间自动补齐为4...

    正念君
  • LeetCode - 删列造序

    LeetCode第944题,难度简单。名字很奇怪,刚刚看到这道题,打算写公众号的时候,第一时间根本想不起来这题目想干嘛呀。

    晓痴
  • 这款电影小程序,彻底治愈你的选择困难症

    知晓君
  • 浅谈史上最惨IPO独角兽——Domo

    Dresner咨询服务公司最近发布了名为《2018年云计算和商业智能市场研究》报告,该报告显示2012至2018年云计算商业智能的重要性出现了急剧上升的趋势,尤...

    人称T客

扫码关注云+社区

领取腾讯云代金券