欢迎光临,了解微信小程序开发,就上易用通!

微信小程序开发:框架与组件

发布:2018-02-02 11:08浏览: 来源:网络 作者:cola

一、框架

 

1.文件结构

 

小程序包含一个描述整体程序的app和多个描述各自页面的page。

 

主体程序:

 

app.js:

 

onLaunch

程序初始化后触发且只触发一次

onShow

程序启动和进入前台触发。

onHide

程序进入后台触发。

onError

脚本或者api调取错误时触发。

其他

开发者可添加任意函数或者数据。

示例

App({

      onLaunch: function() {

// Do something initial  when launch.

      },

      onShow: function() {

// Do something when show.

      },

      onHide: function() {

// Do something when hide.

      },

      onError: function(msg) {

console.log(msg)

      },

      globalData: 'I am global data'

})

 

app.json:

 

 

 

pages

设置页面路径。接收一个页面路径数组,第一项代表小程序初始页。且所有需要展示的页面必须存在于该数组内。

{

  “page”:[

        “pages/index/index”,

        “pages/logs/logs”

        ]

}

 

 

 

 

 

 

 

 

 

 

 

window

设置小程序的状态栏、导航条、标题、窗口背景色

navigationBarBackgroundColor

导航栏背景颜色,默认值为#000000。

navigationBarTextStyle

导航栏标题颜色,默认值为white,且仅支持white/black。






免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。