框架主体文件由 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 文件内容整体结构如下:
![](https://img.haomeiwen.com/i1767452/1ae6965bb407e129.png)
2、小程序逻辑(app.js)
小程序中逻辑文件分为页面逻辑文件和小程序逻辑文件,app.js 便是小程序逻辑文件,在这个文件中,我们可以通过 App()函数注册小程序生命周期函数、全局方法和全局属性,已注册的小程序实现可以再其他逻辑层代码中通过 getApp()获取。
2.1注册小程序
![](https://img.haomeiwen.com/i1767452/56ce3e2bcb48c733.png)
2.2获取小程序实例
![](https://img.haomeiwen.com/i1767452/4be9d49a5a28485a.png)
3、全局样式(app.wxss)
app.wxss是全局样式表,对项目每个页面都有效,可将一些系统级别的统一样式风格写入这个文件,页面渲染时,框架页中的.wxss文件样式会覆盖 app.wxss 中相同的选择器样式。
网友评论