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