小程序
碎碎。
这个作者很懒,什么都没留下…
展开
-
小程序自定义导航栏适配
小程序自定义导航栏适配(完美版)1、发现问题 小程序页面自定义导航栏功能已经开放有些日子了(还不知道这个功能的可以先>>了解一下),这极大的提升了小程序开发的自由度,相信不少小伙伴已经使用过这个功能,同时也相信不少小伙伴在此功能开发过程中踩过同样的一些坑:机型多如牛毛:自定义导航栏高度在不同机型始终无法达到视觉上的统一;调皮的胶囊按钮:导航栏元素(文字,图标等...转载 2019-04-04 13:38:45 · 1264 阅读 · 0 评论 -
小程序学习笔记(二)上拉加载更多
实现方法跟原生没的实现方法一样,以修改传给后端的page参数来改变请求的数据页数,来达到上拉加载更多的效果 小程序涉及到的相关知识点: 1、获取设备屏幕高度 :windowHeight 官方文档说明:https://developers.weixin.qq.com/miniprogram/dev/api/wx.getSystemInfoSync.html 2、scroll-view组件:可滚动视图...原创 2019-04-04 18:23:49 · 396 阅读 · 0 评论 -
小程序学习笔记(三)页面跳转
JS实现方法 1、wx.navigateTo(Object object) 特点: 保留当前页面,跳转到应用内的某个页面(更多的应用于该页面中子页面的跳转,会触发onHide生命周期函数) 跳转到相应页面后,顶部会有返回的按钮 不能跳到 tabbar 页面 使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。 示例代码 Page({ toHome() { ...原创 2019-04-04 18:43:29 · 266 阅读 · 0 评论 -
小程序学习笔记(一)学习中的一些小 Tips
Tips 1、每次保存代码,模拟器都会展示写在app.json文件中pages里面的第一个路径所对应的组件 2、在模版中使用数据,格式为 <p xw:for="{{dataList}}">{{data}}</p> 3、在模版中拼接数据格式为<image src="{{data1}}{{data2}}"></image> 4、在<text>...原创 2019-04-08 15:03:28 · 220 阅读 · 0 评论 -
小程序学习笔记(四)template模版
1、在模版文件中,值需要wxml、wxss两个文件即可,在template中js文件是不运行的原创 2019-04-08 18:27:34 · 167 阅读 · 0 评论 -
微信小程序授权登录(转)
①、首先引导用户点击授权按钮 <button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">点击授权</button> ②、然后编写bindGetUserInfo函数: bindGetUserInfo(res) { console.log(res); if (res.detail....原创 2019-04-26 15:56:24 · 614 阅读 · 4 评论 -
小程序components的生命周期
在components中的生命周期与小程序的生命周期是不一样的,其生命周期函数有两种形式,除了写在外面,还可以统一写在lifetimes属性中 components中的生命周期函数 1、 组件实例化: created 节点树还未导入, 无法使用setData 2、节点树导入完成: attached 可以使用setData来初始化数据,但无法操作节点 3、组件布局完成: ready 组件布局完成...原创 2019-05-08 15:49:20 · 5542 阅读 · 1 评论 -
小程序中修改data中某个对象的属性
Page({ data: { songList: { id:0 isPalying:false, ... } ... }, closeFn: function(options) { this.setData({ [`songList[${idx}].isPalying`]: false }) }, }) `...原创 2019-05-14 17:08:12 · 1968 阅读 · 0 评论