微信小程序
liguanjie8
这个作者很懒,什么都没留下…
展开
-
002 - MINA 之验证插件
MINA 之验证插件原创 2017-01-23 11:17:48 · 268 阅读 · 0 评论 -
014 - 微信小程序开发之选项卡(窗口顶部TabBar)页面切换
微信小程序开发中选项卡.在Android中选项卡一般用fragment,到了小程序这里瞬间懵逼了.总算做出来了.分享出来看看.先看效果:再上代码:1.index.wxml[html] view plain copyprint? view class="swiper-tab"> view class="swiper-转载 2017-01-23 13:35:26 · 2572 阅读 · 2 评论 -
013 - 微信小程序开发之选择器 时间选择器 日期选择器 地区选择器
用微信封装好的控件感觉很好,为我们开发人员省去了很多麻烦.弊端就是不能做大量的自定义.今天试用了选择器.上gif:上代码:1.index.js[javascript] view plain copyprint?//index.js //获取应用实例 var app = getApp() Page({ data: {转载 2017-01-23 13:33:30 · 442 阅读 · 0 评论 -
012 - 微信小程序开发之下拉刷新 上拉加载
微信小程序中的下拉刷新,上拉加载的功能很常见,目前我知道的有两种可行的方法,一是scroll-view,二是整个页面刷新.今天说说第一种,自己造轮子,难免有些瑕疵,日后慢慢完善.上gif:原理: scroll-view中有监听滑动的方法,这个跟Android类似.其中用到了滑动到顶部,滑动到底部的方法.1.下拉刷新,在滑动到顶部时,bindscrolltoupp转载 2017-01-23 13:32:15 · 435 阅读 · 0 评论 -
011 - 微信小程序开发之『侧边栏滑动』特效
侧边栏滑动是很常见的功能,但是小程序出来不久,很多特效还没有成熟案例,只能原生重写,所以今天为大家带来4个漂亮的侧边栏特效~~侧边栏特效一先看效果:wxml:[html] view plain copyprint? view class="page"> view class="page-bottom转载 2017-01-23 13:28:48 · 1867 阅读 · 0 评论 -
010 - 微信小程序开发之大转盘 仿天猫超市抽奖
天猫超市翻牌的转盘经常用,以前做Android,没啥想法,现在尝试微信小程序,看到别人家APP里有啥好玩的,就想去做一个.上GIF看效果: 简要的说一下.1.外面一圈闪烁的小球是用js控制的样式.500ms改变一次样式.简单粗暴;2.抽奖的item也是js控制背景,但是怎么样让它优雅的停下来是个问题.动画中有timingFunction可以设置速度.自己用js就没那么简单了.转载 2017-01-23 13:27:31 · 649 阅读 · 0 评论 -
009 - 微信小程序开发之页面分享 onShareAppMessage 分享参数用处
今天下午突然听到群里有人说微信小程序工具更新了,文档也更新了不少内容.顾不上吃冬至的饺子.我就冲进来了. 先说分享功能,目前真机尚不能调试.开发工具上可以看看效果.后续还会更新. Page()中加上如下代码后在右上角就会出现三个小白点 title:分享的标题. desc:分享一段描述. path:这个参数有点意思.以前在微信中的分享一般都是url.这里是当前页面转载 2017-01-23 13:22:44 · 1697 阅读 · 0 评论 -
008 - 微信小程序开发之扫码 扫一扫 wx.scanCode()
目前分享真机无效,开放工具可用. 微信小程序开发之页面分享 onShareAppMessage扫码真机,开发工具均可用. 真机图片如下: 仔细读了一遍文档,这个API只是调起了客户端扫码界面,扫码成功后返回对应的结果. 微信小程序中并没有提供打开链接的API.那么这个扫码是做什么用的呢?不可能像我一样扫个文字玩玩.想象空间很大啊. API实在简单,我都不转载 2017-01-23 13:17:57 · 5277 阅读 · 1 评论 -
007 - 微信小程序开发之弹出菜单
周五.玩具一枚. gif: 代码: 1.index.js//index.js//获取应用实例var app = getApp()Page({ data: { isPopping: false,//是否已经弹出 animationPlus: {},//旋转动画 animationcollect: {},//item位移,透明度 anima转载 2017-01-23 13:15:12 · 1234 阅读 · 0 评论 -
006 - 微信小程序开发之城市选择器 城市切换
移动开发中城市选择器必不可少.空白造了个.修改了一下,看这个.之前这个有问题gif: 这里只上部分js代码:var city = require('../../utils/city.js');//欢迎关注:http://www.wxapp-union.com/portal.php//CSDN微信小程序开发专栏:http://blog.csdn.net/colu转载 2017-01-23 13:13:28 · 1771 阅读 · 0 评论 -
005 - 微信小程序 仿美团分类菜单 swiper分类菜单
有同学要仿美团分类菜单.写了一个. 跟 微信小程序开发之选项卡(窗口顶部TabBar)页面切换很类似代码: js就这么一点//index.js //获取应用实例 var app = getApp()Page({ data: { currentTab: 0, grids: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9], swi转载 2017-01-23 13:10:52 · 2691 阅读 · 2 评论 -
004 - 微信小程序 仿美团城市选择 城市切换
微信小程序 仿美团城市选择 城市切换标签: 微信小程序城市选择城市选择器切换城市2017-01-14 15:25 1424人阅读 评论(0)收藏举报本文章已收录于:分类: 微信小程序(42) 作者同类文章X版权声明:本文为博主原创文章,未经博主允许不得转载。原来的转载 2017-01-23 11:44:53 · 4868 阅读 · 0 评论 -
003 - MINA 之工具封装
MINA 之工具封装原创 2017-01-23 11:25:22 · 276 阅读 · 0 评论 -
001 - MINA数据绑定 之三目妙用
数据绑定 之三目妙用原创 2017-01-23 11:01:02 · 324 阅读 · 0 评论 -
015 - 微信小程序把玩(七)数据绑定
数据绑定有一部分前几个看着还行,后面的几个可能有几个不理解,界面展示的数据有的也因为条件没法显示。看不懂的可以先记着,后面真正用到时就会明白,反正我是这样想的。这里先记录下data.wxmlview>{{message}}view>view id="item-{{id}}">组件属性view>view wx:if="{{condition}}">控制属性view>vie原创 2017-01-23 13:37:56 · 322 阅读 · 0 评论