基于wepy框架的app.wpy文件

最新推荐文章于 2020-12-10 15:30:27 发布

原创最新推荐文章于 2020-12-10 15:30:27 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #wepy

小程序专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用WePY框架进行小程序开发的方法，详细展示了app配置文件的具体内容，包括页面路径设置、窗口样式配置及底部tab的表现设定。

<script>
import wepy from 'wepy';
export default class extends wepy.app {
  config = {  //页面配置对象，对应于原生的app.json文件
    "pages":[
      "pages/index",  //设置页面路径，第一个为默认页面
      "pages/log"
    ],
    "window":{  //设置默认页面的窗口表现
      "backgroundTextStyle": "light",
      "navigationBarBackgroundColor": "#fff",
      "navigationBarTitleText": "WeChat",
      "navigationBarTextStyle": "black"
    },
    "tabBar":{}  //设置底部tab表现
  };
  customData = {}  //自定义数据

  customFunction = {}  //自定义方法

  onShow () {}  //生命周期函数-监听小程序显示（启动或后台进入前台触发）

  onHide () {}  //生命周期函数-监听小程序隐藏（前台进入后台触发）

  onError () {}  //错误监听函数（脚本错误或者api调用失败时触发）

  onPageNotFound () {}  //页面不存在监听函数

  globalData = {}  //全局数据对象
}
</script>

<style lang="less"></style>