小程序配置 app.json
pages里是配置的文件的路径
window里定义小程序所有页面的顶部背景颜色,文字颜色定义等。
onLoad:function(){} // 页面渲染后 执行
APP生命周期回调
onLaunch function否生命周期回调——监听小程序初始化。生命周期函数
onShow function否生命周期回调——监听小程序启动或切前台。onHide function否生命周期回调——监听小程序切后
onError function否错误监听函数。
onPageNotFound function否页面不存在监听函数。
.js里的pages所用的回调
属性类型默认值必填说明
data Object页面的初始数据
onLoad function生命周期回调—监听页面加载
onShow function生命周期回调—监听页面显示
onReady function生命周期回调—监听页面初次渲染完成
onHide function生命周期回调—监听页面隐藏
onUnload function生命周期回调—监听页面卸载
onPullDownRefresh function监听用户下拉动作
onReachBottom function页面上拉触底事件的处理函数
onShareAppMessage function用户点击右上角转发
onPageScroll function页面滚动触发事件的处理函数
onResize function页面尺寸改变时触发,详见 响应显示区域变化
onTabItemTap function当前是 tab 页时,点击 tab 时触发
组件
1. cover-image
覆盖在原生组件之上的图片视图。可覆盖的原生组件同cover-view,支持嵌套在cover-view里。
bindloadeventhandle否图片加载成功时触发
binderroreventhandle否图片加载失败时触发
2.movable-area + movable-view
容器里可移动视图
3 swiper
用于轮播图 swiper-item放在其中
4 icon图标
类型 success, success_no_circle, info, warn, waiting, cancel, download, search, clear
5 progress进度条
6 button 按钮
7 checkbox多选
标题设置
navigationBarBackgroundColor HexColor #000000 导航栏背景颜色,如"#000000"
navigationBarTextStyle String white导航栏标题颜色,仅支持 black/white
navigationBarTitleText String 导航栏标题文字内容
navigationStyle String default导航栏样式,仅支持 default/custom。custom 模式可自定义导航栏,只保留右上角胶囊状的按钮微信版本 6.6.0
backgroundColor HexColor#ffffff窗口的背景色
backgroundTextStyle Stringdark下拉背景字体、loading 图的样式,仅支持 dark/light
enablePullDownRefresh Booleanfalse是否开启下拉刷新,详见页面相关事件处理函数
onReachBottomDistance Number50页面上拉触底事件触发时距页面底部距离,单位为px
设置小程序头部到最上方为图片
在.json文件里设置 "navigationStyle":"custom"
onPageNotFoundfunction否页面不存在监听函数。
checkbox
网友评论