微信小程序开发

1.project.config.json配置项目的环境

2.app.wxss配置整个项目的样式,可以被所有页面使用

微信小程序开发

3.app.json:配置整个项目的配置信息,如路径,标题(

  • 必须满足json格式的,并且使用双引号
  • 在json里面不能写注释的
  • )

微信小程序开发

4.app.js:控制整个项目的逻辑处理,还有一些生命周期的方法

5.页面的配置,在page文件夹下面

index :配置所有的index相关的

微信小程序开发

5.index.wxml:类型HTML

6.indesc.wxss:针对首页的样式类似css

全局配置:

pages:设置页面路径

window:设置导航条颜色,字体等

7.iconFont下载icon

8.tabbar的设置,以及icon

9.debug:

微信小程序开发

页面配置:类似全局配置,

10.小程序布局:wxml写法定义类似html

11.WXMl的数据绑定:数据来源与js文件,js中的数据,

onload在页面加载的时候做一些初始化工作

wxml的数据会从js的data中读取,只会在data{}里面读取数据

wxml使用{{}}读取,也可以获取对象的值{{xxx.xx}},也可以获取数组下标

{{}}可以做运算,

微信小程序开发

微信小程序开发

微信小程序开发

微信小程序开发

微信小程序开发

12.wxml的条件渲染:微信小程序开发

注意,他们中间不能出现其他的标签,如果有其他的标签会报错

13.block一次渲染多个组件,中间可以有其他标签微信小程序开发

微信小程序开发