美文网首页
微信配置项、生命周期函数

微信配置项、生命周期函数

作者: 小雨不会 | 来源:发表于2020-05-06 20:51 被阅读0次

小程序配置 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

相关文章

网友评论

      本文标题:微信配置项、生命周期函数

      本文链接:https://www.haomeiwen.com/subject/fojwectx.html