1 pages 是页面目录。一个目录一页面
- a .js 是页面js文件 页面逻辑
- .json 页面配置文件 页面的标题,下拉熟悉啥的配置
- .wxml 页面结构文件 相当与html 小程序就常用两个标签 view 和 text
- .wxss 页面样式文件 相当与css
2 根目录其他文件
- app.js 项目主入口文件 项目的全局函数,变量,逻辑都在这
- app.json 项目主配置文件 背景色,导航,标题的相关配置
- app.wxss 全局样式文件 css
3 每个子页面(.js文件)都有一套钩子函数(就是在打开当前页面的时候,自动按顺序执行相关的函数,不用手动调用)
image.png
4 子页面的data 数据
image.png
- 这些数据可以在 .wxml文件中展展示
比如data 项目的 page: 1 在.wxml文件里{{page}} 页面打开就展示 1
所有我们在.js文件修改page的值等于2,页面就会自动显示page2
- 修改值的方法
this.setData({
page: 2
})
5 子页面之前的跳转
wx.navigateTo({
url: '/pages/statusAnalyze/statusAnalyze?id='+e.currentTarget.dataset.id
})
网友评论