百度小程序-全局配置、事件生命周期

app.json

{
    "pages": [
"pages/index/index" //文件页面 ], "window": { "navigationBarBackgroundColor": "#fff", //导航栏背景颜色,如 “#000000” "navigationBarTextStyle": "balck", //导航栏标题颜色,目前仅支持 black/white "navigationBarTitleText": "导航栏标题文字内容", //导航栏标题文字内容 "backgroundTextStyle": "linght", //下拉背景字体、loading 图的样式,仅支持 dark/light "enablePullDownRefresh": "false", //是否开启下拉刷新 "onReachBottomDistance": "50", //页面上拉触底事件触发时距页面底部距离,单位为 px "navigationStyle": "default" //导航栏样式,仅支持以下值:default(默认样式) custom(自定义导航栏),只保留右上角胶囊按钮 }, "tabBar": { "color": "#a2a2a2", //文字颜色 "selectedColor": "#3388ff", //文字被选中状态颜色 "borderStyle": "black", "backgroundColor": "#ffffff", //背景色 "list": [{ "pagePath": "pages/index/index", //页面路径 "iconPath": "images/component_normal.png", //图片 "selectedIconPath": "images/component_selected.png", "text": "首页" }, { "pagePath": "pages/api/api", "iconPath": "images/API_normal.png", "selectedIconPath": "images/API_selected.png", "text": "接口" }] } }

生命周期

      onLaunch() {
          // SWAN 初始化的生命周期函数
          console.log('1');
          console.log('当 SWAN App 初始化完成时,会触发 onLaunch(全局只触发一次)');
      },
      onShow(){
          console.log('3');
          // SWAN App 展示时调用的生命周期函数
          console.log('SWAN App 从后台进入前台,触发 onShow')
      },
      onHide(){
         // SWAN App 隐藏时调用的生命周期函数
          console.log('SWAN App 从前台进入后台,触发 onHide')
      },
     onLoad(){
         console.log('2');
        // 监听页面加载的生命周期函数
          console.log('SWAN App 页面加载完成,触发 onLoad')
      },
     onReady(){
         console.log('4');
         // 监听页面初次渲染完成的生命周期函数
         console.log('SWAN App 页面渲染完成,触发 onReady')
     },
     onUnload(){
         // 监听页面卸载的生命周期函数
         console.log('页面卸载,触发 onUnload')
     },
      onError(){
         // 错误监听函数
          console.log('当 SWAN App 发生错误时,会触发')
      }

 

posted @ 2019-08-17 15:05  suni1024  阅读(520)  评论(0编辑  收藏  举报