新建页面
新建页面pages
- 手动创建
①右击[pages]文件夹,选择“新建目录”
②右击新建的目录,选择新建“pages” - 自动创建
直接在app.json文件的[pages]选项中将新页面的路径写好,系统会自动创建所对应的四个文件。
删除页面
手动删除
鼠标右键单击需要删除的页面文件夹,选择“删除”
小程序配置文件.json
小程序/全局配置文件
小程序根目录下的app.json文件用来对微信小程序进行全局配置。
文件内容本质就是一个JSON对象。
pages属性:
注意:数组的第一项代表小程序的首页。
window属性:
①backgroundTextStyle- - -下拉 loading 的样式,仅支持 dark 暗色系加载点和light亮色系加载点;类型:string ;默认值:dark。
②navigationBarBackgroundColor- - -导航栏背景颜色;类型:16进制色码值;默认值:#000000。
③navigationBarTitleText- - -导航栏标题文字内容;类型:string;默认值:无
④navigationBarTextStyle- - -导航栏标题字体颜色(仅支持black/white);类型:string;默认值:white。
window属性~下拉刷新
发现logs.js已经写好各个阶段钩子函数,观察后发现onPullDownRefresh下拉函数,这里添加验证代码,输出验证。
下拉无效:然而下拉后发现触发不了js回调,因为下拉功能需要配置,才可以支持下拉功能,即enablePullDownRefresh设置为true
下拉loading样式:
下拉刷新时,可以看到顶部有三个点闪烁的动画,而此时小程序是一片空白。
已经将backgroundTextStyle即下拉loading样式设置为light。为什么还不管用呢?
窗口背景色:
因为背景是白色的,因为颜色的原因,三个点闪烁的动画看不到,所以背景需要进行以下配置:

之前设置的下拉loading样式backgroundTextStyle为light浅色点,接下来可以改为dark深色点体验下。
真机下拉bug:
模拟器已经可以实现下拉刷新效果,但是真机测试后,发现出现不缩回的现象。
方案:可以使用wx.stopPullDownRefresh这个api
sitemapLocation属性
作用:指明 sitemap.json 的位置;默认为 ‘sitemap.json’ 即在 app.json 同级目录下名字的 sitemap.json 文件。
sitemap.json为小程序收录设置文件,默认所有页面都能被索引,开发中一般不用进行相关配置。
页面配置文件page.json
作用:对本页面的窗口表现进行配置,文件内容本质为一个 JSON 对象(就是对单个小程序页面的配置,可以覆盖全局配置app.json)。
特性:覆盖性,即每一个小程序页面可以使用同名 .json 文件来对本页面的窗口表现进行配置,但页面中配置项会覆盖 app.json 的 window 中相同的配置项。
常用配置项属性

navigationStyle导航栏样式


注意:
①最低版本要求:微信客户端 7.0.0),客户端 7.0.0 以下版本,navigationStyle 只在 app.json 中生效
②图片存储:本地图片过大会有限制提示,一般本地只存项目所用图标即可,如果是大图片,在开发里可以用链接指向图片位置。
disableScroll页面滚动
disableScroll的值设置为true,页面不可以滚动
原理:最外侧元素设置超出隐藏。
数据格式限制:
JSON的值只能是以下几种数据格式:













