一.微信小程序结构
1 pages 放置定义的页面
2 untils
二.app.js
App()函数用来注册一个小程序,接受object(对象)类型的参数,其中onLaunch()会在打开应用时执行,
三.app.json
app.json是对整个小程序的全局配置,我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题等等.注意该文件不可添加任何注释.
以json数据格式配置
{
"pages":[
"pages/index/index",
"pages/logs/logs"
//配置页面的所有列表,当有新的页面需要在此项配置,页面名称需一致,不需要加文件尾缀
],
"window":{
//配置页面内容区域
},
"taBar":{
//定义下部选项栏及属性
},
"networkTimeout":{
//请求服务器数据
},
"debug":是否打开控制台
}
四.app.wxss
整个小程序的公共样式,此处定义的样式所有页面都可以使用
五. 创建页面及页面组成
创建的页面路径必须在app.json中注册,页面由wxml,js,wxss,json四个文件组成,四个类型的文件名必须相同
1 wxml:组成页面结构,必须
2 js:页面初始化数据源和页面逻辑(如:点击事件),必须
3 wxss:该页面的页面样式,如果与app.wxss的样式冲突,在该页面中,会优选应用此文件中的样式定义.
4 json:设置app.json中的window配置项的内容,页面中配置项会覆盖app.json的window中的配置项,此处定义的配置项对此窗口起作用.