小程序的页面都放在根目录pages下,一个页面由4个文件组成:
page.js //功能类似javascript,为页面添加各种监听事件
page.json //页面配置,设置tab栏,导航条等东西,是一个json文件
page.wxml //前端页面,就是html,但语法不太一样
page.wxss //页面样式,就是css,但语法不太一样
1. page.js
官方文档:https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html
它的主体部分是一个Page()函数,只有参数,没有函数体,含有很多监听函数
2.page.json
一个json文件,含有当前页面的各种配置:导航栏,tab栏…
3.page.wxml
WXML是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。类似HTML。虽然类似,但不一样,尤其是html中最常用的div标签,在wxml中,它被view标签代替了,而wxml中的div是另外的一个东西。
基础组件(按钮,文本框等)官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/
WXML的能力有5种:数据绑定、列表渲染、条件渲染、模板、引用,具体使用可参考官方文档:https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/
4.page.wxss
WXSS是一套样式语言,用于描述 WXML 的组件样式。具体可以看官方文档:
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html