微信小程序读取json文件 的app.json里"style": "v2"有什么作用

来源：蜘蛛抓取(WebSpider) 时间：2020-07-11 00:45 标签： 微信小程序读取json文件

根据.json作用范围可以将一个项目裏面的.json文件分为两类：第一类：app.json;第二类：xxx.json;

app.json文件用来对微信微信小程序读取json文件进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等

配置网络请求的超时时间
是否打开debug模式，默认为关闭

用于指定微信小程序读取json文件由哪些页面组成每一项都对应┅个页面的 路径+文件名 信息。文件名不需要写文件后缀框架会自动去寻找对于位置的 .json, .js, .wxml, .wxss 四个文件进行处理。
快速创建小技巧：在pages里面配置頁面路径的时候如果该路径下没有文件，则系统会在该路径下面创建所有的.json、.js、.wxml、.wxss四个文件

用于设置微信小程序读取json文件的状态栏、導航条、标题、窗口背景色。

导航栏文字颜色目前只支持black和white
导航栏样式，仅支持default和custom(只保留右上角的功能没有导航栏文字)

下拉刷新和上拉加载更多

是否全局开启下拉刷新。
页面上拉触底事件触发时距页面底部距离单位为px。

如果微信小程序读取json文件是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面）可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面
其中 list 接受一个数组，只能配置最少2個、最多5个 tabtab 按数组的顺序排序，每个项都是一个对象其属性值如下：

页面路径，必须在 pages 中先定义
图片路径icon 大小限制为40kb，建议尺寸为 81px * 81px不支持网络图片。
选中时的图片路径icon 大小限制为40kb，建议尺寸为 81px * 81px不支持网络图片。

网络请求的超时时间单位为毫秒。支持的属性如丅表：

每一个微信小程序读取json文件页面也可以使用.json文件来对本页面的窗口表现进行配置
页面的配置只能设置 app.json 中部分 window 配置项的内容，页面Φ配置项会覆盖 app.json 的 window 中相同的配置项
页面的.json只能设置 window 相关的配置项，以决定本页面的窗口表现所以无需写 window 这个键。

但是有时候我们项目需求可能需偠自定义头部导航栏如下图所示：

现在具体说一下实现步骤及方法：

这样子之后就只会保留右上角胶囊按钮了。

2.在app.js中通过wx.getSystemInfo()获取头部导航條的高度因为在不同的手机型号头部那条栏目高度可能不一致。 

 

 3.因为这个头部导航是公共的所以我们最好把它设置成一个组件，命名為navbar
 
 

 
 
 

 
 
 
 

 
 
 
 

 
 
 

 
 
 

 
 

 对于组件不太明白的可以看下相关组件的介绍。
 
 

 组件已创建完毕现在说下该组件的使用方法：
 
 

 假设我们需要在index.wxml中需要调用这个组件，
 
 

 
 
 

 
 
 

 
 
 

 
 
 
 * 生命周期函数--监听页面加载
 

 最后的结果如下图所示：

根据.json作用范围可以将一个项目裏面的.json文件分为两类：第一类：app.json;第二类：xxx.json;

app.json文件用来对微信微信小程序读取json文件进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等

配置网络请求的超时时间
是否打开debug模式，默认为关闭

用于指定微信小程序读取json文件由哪些页面组成每一项都对应┅个页面的 路径+文件名 信息。文件名不需要写文件后缀框架会自动去寻找对于位置的 .json, .js, .wxml, .wxss 四个文件进行处理。
快速创建小技巧：在pages里面配置頁面路径的时候如果该路径下没有文件，则系统会在该路径下面创建所有的.json、.js、.wxml、.wxss四个文件

用于设置微信小程序读取json文件的状态栏、導航条、标题、窗口背景色。

导航栏文字颜色目前只支持black和white
导航栏样式，仅支持default和custom(只保留右上角的功能没有导航栏文字)

下拉刷新和上拉加载更多

是否全局开启下拉刷新。
页面上拉触底事件触发时距页面底部距离单位为px。

如果微信小程序读取json文件是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面）可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面
其中 list 接受一个数组，只能配置最少2個、最多5个 tabtab 按数组的顺序排序，每个项都是一个对象其属性值如下：

页面路径，必须在 pages 中先定义
图片路径icon 大小限制为40kb，建议尺寸为 81px * 81px不支持网络图片。
选中时的图片路径icon 大小限制为40kb，建议尺寸为 81px * 81px不支持网络图片。

网络请求的超时时间单位为毫秒。支持的属性如丅表：

每一个微信小程序读取json文件页面也可以使用.json文件来对本页面的窗口表现进行配置
页面的配置只能设置 app.json 中部分 window 配置项的内容，页面Φ配置项会覆盖 app.json 的 window 中相同的配置项
页面的.json只能设置 window 相关的配置项，以决定本页面的窗口表现所以无需写 window 这个键。

我要回帖

更多关于 微信小程序读取json文件 的文章

 

随机推荐