1:打开微信小程序开发工具,进入编辑模式,如下图1所示
图1
1:这个项目主要由pages/firstPage,pages/index,pages/logs,这几个文件夹组成,这几个文件夹主要描述整个小程序的界面信息。
每个文件下基本可以分为:.js,.wxml,.wxss,.json等文件组成。
例如:
index.js:描述index页面的逻辑信息(类比:js代码)
index.wxml:描述index页面的布局信息(类比:HTML页面布局)
index.wxss:描述index页面的布局的样式信息(类比:CSS信息)
2:项目总体配置信息:
由app.js,app.json,app.wxss三个文件组成
app.json:由图1所示,描述整个工程的页面信息(由"pages"描述),"window"主要描述该项目整体背景,导航栏等样式,如果某个文件夹中某个.json文件中有相同的描述,则会覆盖"window"中描述的信息。
app.wxss:主要描述该项目整体的样式,如图2所示
图2
app.js:主要描述该项目入口逻辑,主要描述一些用户登录后的信息,如图3所示
图3
更多推荐
微信小程序开发详解(三)---微信小程序工程目录结构
发布评论