小程序(框架主体文件)

2018-03-01  本文已影响0人  乾丽无限

框架主体文件由 app.json、app.js、app.wxss 构成,这3个文件必须放置在项目根目录,一个小程序只有一份,他们负责小程序整体的配置;

1、app.json:小程序公共设置,配置小程序全局设置。

2、app.js:小程序逻辑文件,主要用于注册小程序全局示例,编译时会和其他页面逻辑文件打包成一份 JavaScript文件。

3、app.wxss:小程序公共样式表,对所有页面的布局文件都有效。


1、配置文件(app.json)

app.json在程序加载时加载,负责对小程序的全局配置,其配置项有:

pages:设置页面路径

window:设置默认页面的窗口表现

tabBar:设置 tab的表现

networkTimeout:设置网络超时时间

debug:设置是否开启 debug 模式,默认关闭。

app.json 文件内容整体结构如下:

文件内容

2、小程序逻辑(app.js)

小程序中逻辑文件分为页面逻辑文件和小程序逻辑文件,app.js 便是小程序逻辑文件,在这个文件中,我们可以通过 App()函数注册小程序生命周期函数、全局方法和全局属性,已注册的小程序实现可以再其他逻辑层代码中通过 getApp()获取。

2.1注册小程序

注册小程序

2.2获取小程序实例

获取小程序实例

3、全局样式(app.wxss)

 app.wxss是全局样式表,对项目每个页面都有效,可将一些系统级别的统一样式风格写入这个文件,页面渲染时,框架页中的.wxss文件样式会覆盖 app.wxss 中相同的选择器样式。

上一篇 下一篇

猜你喜欢

热点阅读