小程序
文章平均质量分 66
小圣贤君
万丈红尘一码农
展开
-
支付宝小程序组件库开发之手写板组件
此组件主要用于小程序内签字手写功能,可显示缩小版,全屏版两种类型,三种笔画颜色可选择,手写完成可获取手写结果。点击“重写”,会清空手写板内容; 点击“完成”,会将手写板内容生成图片,此时,不可以再进行手写操作,点击重写可重新进行手写,可以在此方法中获取生成的图片信息;点击“横版/返回”,可以进行手写板缩小版和全屏版模式切换。示例图片:组件使用示例: <handwriting-b...原创 2019-05-09 15:19:33 · 1080 阅读 · 0 评论 -
支付宝小程序组件库开发之自定义switch组件
支付宝小程序在官方文档上已经给出了switch组件,点击这里直达Switch,官方给出的示例是这样的:结果实现出来是这样的:卧槽,坑了,有点不爽,那就自己写一个吧,也不费多大的事,下面看效果:...原创 2019-05-06 10:55:33 · 1264 阅读 · 0 评论 -
小程序组件库开发之车牌号专属键盘
小程序开发过程中可能会碰到和车牌信息相关的开发,这时候就需要输入车牌号,传统的键盘输入车牌号,需要打出汉字,再选择相应的字母数字,并不是特别方便,这里笔者专门开发了车牌号键盘,可以任意选择修改省份,数字和字母。先看示例图:组件主要代码如下:// components/plate-number-keyboard/plate-number-keyboard.jsComponent({ ...原创 2019-01-25 22:38:50 · 4587 阅读 · 8 评论 -
小程序组件库开发之抽奖游戏组件
笔者在之前写了一篇关于小程序抽奖游戏组件的文章,当时的设计比较粗糙,组件的可复用性也不是很好,这里笔者新开发了一个抽奖小游戏组件,表现形式上和可复用性上都相对之前有了不小的提升。读者朋友可以先看一下实际的表现形式:小程序提供的动画实在是太难用,为了保证抽奖动画的连贯性,每一列实际上放了至少三个连在一起的图片,按照abc,bca,cab的顺序依次排放,每列放置两张,当一张图片移动完毕后,回到另...原创 2018-12-28 18:35:28 · 1403 阅读 · 0 评论 -
小程序自定义组件:摇奖小游戏
先给大家看下效果图:点击“试试手气”,就开始摇奖,当三个图片结果一致的时候即为中奖。摇奖的动画效果,使用小程序提供的动画功能:Animation第一步:设定定时器让第一列的图片能够从上向下移动,制造滚动效果。第二步:当一张图片移动消失后,回到原本的位置,更改该图片对应的显示图片,制造显示不同图片的效果。第三步:设定一个预定停止的时间,当定时达到时间后,停止定时器,将当前显示的图片显示在...原创 2018-11-05 15:13:08 · 1847 阅读 · 1 评论 -
小程序商城瀑布流商品展示实现
现在小程序商城越来越多,通常的商城中,商品展示都是那种常规的两列规则展示,但是现在越来越多的应用开始采用瀑布流的方式来展示商品,商品的图片高度不定,商品根据图片容器大小,自由排列,依次下排。 今儿,小圣贤君就为大家讲解一下,如何在小程序中实现瀑布流形式展示商品。 一般页面中商品会显示两列,通过接口拿到数据后,判断现有的两列的长短,将商品加入到列高较短的那一列中,如何判断两列的高低呢? 其实很...原创 2018-08-22 11:35:12 · 11081 阅读 · 4 评论 -
小程序通过web-view访问的vue页面中点击无法跳转到小程序相关问题
问题描述: 点击小程序中的一个按钮或者一个banner图片,通过小程序web-view组件到进入一个vue的页面中,在该vue页面中点击图片无法按照要求回到指定的小程序中,点击操作没有任何反应。 解决思路: 小程序的官方文档中有如下介绍,引入微信的JSSDK1.3.2就可以执行在网页中跳转到小程序等功能。&lt;!-- html --&gt;&lt;script type="tex...原创 2018-07-19 20:07:38 · 6738 阅读 · 5 评论 -
微信小程序获取地理位置名称,附近地理信息,根据经纬度距离计算等问题详解
微信小程序的开发过程中,很可能会碰到和地理位置相关的一些操作,比如:根据经纬度计算两地之间的距离,根据关键字获取附近相关的地理信息,关键词输入提示等。 如果直接自己写代码来解决相关的问题,一方面会大大增加相应的代码量,另一方面,也会浪费不少时间,这里,笔者针对微信小程序中,地理位置相关的一些问题,做了简单总结,方便读者直接使用,减少解决问题的时间。 在小程序的官方文档中,提供了获取用户地理位置...原创 2018-06-30 21:53:00 · 27707 阅读 · 3 评论 -
支付宝小程序组件库开发之省市区三级地址选择器组件
支付宝小程序开发文档中并没有提供明确的省市区选择器,不少项目还是有地址的填写需求,根据支付宝小程序现有提供的组件以及api,完全是可以实现填写地址的需求,比如分别获取省市区,通过地图来获取地址等,但是有些人肯定还是想要省市区三级选择器来选择地址范围。支付宝小程序API中提供了级联选择my.multiLevelSelect,在笔者为之大喜的时候,结果在真机预览的时候,发现数据竟然显示不全,第三列数...原创 2019-05-07 11:13:55 · 3568 阅读 · 4 评论