微信小程序> 微信小程序(JSON配置文件)

微信小程序(JSON配置文件)

浏览量:581 时间: 来源:wyk.wyk

新建页面
新建页面pages

  1. 手动创建
    ①右击[pages]文件夹,选择“新建目录”
    ②右击新建的目录,选择新建“pages”
  2. 自动创建
    直接在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的值只能是以下几种数据格式:
小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎