2016年12月_dzp_coder

12月 11月 10月 04月

转载微信小程序开发之城市选择器城市切换

移动开发中城市选择器必不可少. 空白造了个.修改了一下,看这个 gif: 这里只上部分js代码:var city = require('../../utils/city.js');//欢迎关注:http://www.wxapp-union.com/portal.php//CSDN微信小程序开发专栏:http://blog.csdn.net/column/details/13721.html

2016-12-24 00:01:59 9716 2

原创微信小程序开发之弹出菜单

周五.玩具一枚. gif: 代码: 1.index.js//index.js//获取应用实例var app = getApp()Page({ data: { isPopping: false,//是否已经弹出 animationPlus: {},//旋转动画 animationcollect: {},//item位移,透明度 animationTran

2016-12-23 16:12:50 8083 3

原创微信小程序开发之扫码扫一扫 wx.scanCode()

目前分享真机无效,开放工具可用. 微信小程序开发之页面分享 onShareAppMessage 扫码真机,开发工具均可用. 真机图片如下: 仔细读了一遍文档,这个API只是调起了客户端扫码界面，扫码成功后返回对应的结果. 微信小程序中并没有提供打开链接的API.那么这个扫码是做什么用的呢?不可能像我一样扫个文字玩玩. 想象空间很大啊. API实在简单,我都不好意思写了. 想起我以前做

2016-12-21 22:07:13 44730 26

原创微信小程序开发之页面分享 onShareAppMessage 分享参数用处

今天下午突然听到群里有人说微信小程序工具更新了,文档也更新了不少内容. 顾不上吃冬至的饺子.我就冲进来了. 先说分享功能,目前真机尚不能调试.开发工具上可以看看效果.后续还会更新. Page()中加上如下代码后在右上角就会出现三个小白点 title:分享的标题. desc:分享一段描述. path:这个参数有点意思.以前在微信中的分享一般都是url.这里是当前页面这里应该是pages/i

2016-12-21 21:28:01 152762 24

原创微信小程序开发之五星评分

一位同学说要写五星评分.要有半颗星的评分. 于是我做了个玩具. gif: 代码: 1.index.wxml<block wx:for="{{stars}}"> <image class="star-image" style="left: {{item*150}}rpx" src="{{key > item ?(key-item == 0.5?halfSrc:selectedSrc) :

2016-12-13 23:53:42 32600 7

转载微信小程序之『自定义toast』

一、微信官方默认toasttoast最常见了，几乎每个App都有这样的特效，先看下小程序自带的toast效果，立马想死的心都有了~~微信自带toast的效果： js文件：wx.showToast({ title: '成功', icon: 'success', duration: 2000})用法超级简单，但官方小程序有几个问题：只能显示success、loading两

2016-12-12 22:01:56 7468

原创微信小程序开发之圆形菜单仿建行圆形菜单

建行APP首页有个圆形菜单.仿了个玩具出来. 功能介绍: 1.一个圆形背景.六个item菜单.中间是微信用户的头像; 2.触摸滚动.速度较小时,随手指滚动,手指抬起,滚动停止;速度较大时,随手指滚动,手指抬起,还会自动滚动一段时间; CSDN微信小程序开发-专栏,欢迎关注! 相关技术: 1.微信小程序开发之大转盘仿天猫超市抽奖 2.微信小程序之仿微信漂流瓶 3.微信小程序开发之

2016-12-12 12:09:38 18125 4

原创微信小程序开发之大转盘仿天猫超市抽奖

天猫超市翻牌的转盘经常用,以前做Android,没啥想法,现在尝试微信小程序,看到别人家APP里有啥好玩的,就想去做一个. 上GIF看效果: 简要的说一下.1.外面一圈闪烁的小球是用js控制的样式.500ms改变一次样式.简单粗暴;2.抽奖的item也是js控制背景,但是怎么样让它优雅的停下来是个问题.动画中有timingFunction可以设置速度.自己用js就没那么简单了.我这里用setI

2016-12-07 12:32:41 27807 5

转载微信小程序开发之『侧边栏滑动』特效

侧边栏滑动是很常见的功能，但是小程序出来不久，很多特效还没有成熟案例，只能原生重写，所以今天为大家带来4个漂亮的侧边栏特效~~侧边栏特效一先看效果：wxml: 第一个item1 第

2016-12-04 11:05:41 35565 10

原创微信小程序之仿微信漂流瓶

周末找事做做.看到微信里有个漂流瓶.试着敲了敲.这里是用leancloud做后台.涉及到语音和文字的储存,查询.自己不会写后台代码,对于我算是个福利.欢迎交流!技术点:1.微信小程序开发之录音机音频播放动画 (真机可用)2.微信小程序开发之用户系统一键登录获取session_key和openid3.微信小程序开发之常见问题不在以下合法域名列表中

2016-12-03 20:58:31 38658 17