![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序前端
mingciong
这个作者很懒,什么都没留下…
展开
-
【干货#007】标签机打印小程序参数二维码的方法
缘起微信小程序参数二维码是针对小程序特定页面,设定相应参数,用户扫描后可以进入相应页面的方法,具有多种用途。目前,有多种方式可以生成小程序二维码图片,然后直接打印出来。但在使用标签机打印二维码时,打印图片就显得不经济和不方便了,特别是在批量打印时更显不方便,而一般标签机都是支持文本生成二维码,然后打印。因此,如果需要使用标签机打印原创 2017-11-15 11:27:58 · 3664 阅读 · 0 评论 -
【干货#013】小程序实现地址自动解析和导航
目标通过腾讯位置服务API实现地址解析为坐标,并实现导航。如下图,单击解析按钮,实现将输入地址解析为坐标。实现第一步 注册腾讯位置服务到腾讯位置服务网站(http://lbs.qq.com/index.html)注册账号, 并申请开发密钥(key)。申请成功后,下载腾讯位置服务微信小程序原创 2017-11-15 11:40:26 · 2523 阅读 · 0 评论 -
【干货#004】解决"Failed to load image"错误
缘起编译小程序时有时出现图片加载错误:Failed to load image http://xxx xxxxx: the server responded with a status of 404 (HTTP/1.1 404 Not Found) From server 127.0.0.1这个错误比较迷惑人的是,这个错误是随机的,有时并不会出现原创 2017-11-15 11:08:13 · 53542 阅读 · 1 评论 -
【干货#003】自定义小程序客服按钮
缘起小程序官方客服按钮长度固定(18-27px)不说,且只有 dark和light两种样式,说句实在话还有点丑。 目标做一个如下所示的菜单,点击区域包含整个屏幕宽度。 实现第1步使用WEUI控件实现如上图所示的客服菜单。view class="weui-cell weui-cell_access" hover原创 2017-11-15 10:59:04 · 1075 阅读 · 0 评论 -
【干货#002】小程序开发最佳图标库:阿里图标库
概述为了提高小程序的颜值,你是不是还在苦苦搜索漂亮的图标或自己撸呢?今天我们介绍一个来自阿里妈妈的神奇图标库网站,从此妈妈再也不用担心小程序图标了。iconfont+(http://www.iconfont.cn,阅读原文可进入)是阿里妈妈MUX倾力打造的图标管理和交流平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。原创 2017-11-14 22:37:26 · 3929 阅读 · 0 评论 -
【干货#001】小程序使用有赞ZanUI
概述ZanUI-WeApp是有赞移动 Web UI 规范 ZanUI 的小程序现实版本,这套UI还有PC桌面版(React)和移动端版,都经过了有赞的业务实践,特别适合开发商城类程序。现已包含 badge、btn、card、cell、dialog、icon、label、noticebar、panel、popup、switch、tab、toast、toptips 等组件或元素。具原创 2017-11-14 11:01:25 · 10040 阅读 · 1 评论 -
【干货#012】细解小程序自适应单位rpx
由于手机终端屏幕大小的差异,小程序页面设计的适配问题就比较突出了。因此,微信小程序推出了新尺寸单位rpx(responsive pixel): 可以根据屏幕宽度进行自适应,并规定屏幕宽度为750rpx。注意是750rpx,重要的事再强调下,是750rpx。大家在设计页面时尺寸单位尽量选择rpx,按照750进行设计,那么就不用担心平台适配问题了,是不是很方便呢? 也许有同学会原创 2017-11-15 11:38:06 · 1586 阅读 · 1 评论 -
【干货#011】小程序页面滚动实现广告条隐藏
缘起小程序需要在手机狭小的屏幕中放入尽量多的内容,而老板想在在页面放个广告条,由于挤占了不然就不大的页面控件,对程序的功能操作又有较大的影响。如何兼顾两者的需求?下面介绍一种默认显示页面首部广告条,但在用户上滚页面时隐藏广告条,而工具栏保持不动的方法。方法实现方法就是使用CSS的定位样式实现,默认使用相对定位relavtive方式,在原创 2017-11-15 11:35:48 · 1503 阅读 · 0 评论 -
【干货#010】解决 Page[pages/XXX/XXX] not found错误
缘起小程序在模拟机和安卓真机下预览正常,在苹果机出现错误:Page[pages/XXX/XXX] not found.May be caused by :1. Forgot to add page route in app.json.2. Invoking Page() in async task.截图如下:原创 2017-11-15 11:34:28 · 11664 阅读 · 1 评论 -
【干货#009】小程序如何格式化显示对象数组属性
缘起小程序页面中经常要显示后台数据库返回的对象数组,当对象属性可以显示时,直接使用setData进行赋值即可,但当对象属性需要格式化显示时,就需要进行格式化处理。方案一:数组map映射首先定义格式化函数formatTime,然后将数组对象的属性进行格式化处理后再映射到数组上。原创 2017-11-15 11:31:42 · 1364 阅读 · 0 评论 -
【干货#015】小程序收货地址
这是晓程序干货店第15篇干货分享小程序在1.1.0版本开始原生支持获取微信本身的用户地址,并支持调起微信的地址编辑界面,不仅给开发者省却了重复造轮子的麻烦(特别是不用再造地址选择器轮子了),而且提升了用户的使用体验。今天我们就介绍下收货地址API:wx.chooseAddress(OBJECT),可返还地址信息如下所示:下面我们以一个更完原创 2017-11-16 10:36:33 · 4836 阅读 · 4 评论