小程序窗口组成部分了解节点常用的配置项设置导航

2023-08-06
来源:网络整理

学习笔记

阿里云盘:

提取码:37sc

全局配置

全局配置文件和常用配置项

全局配置—

小程序窗口组件

了解节点常用配置项

设置导航栏的标题

设置步骤:app.json => => xt

需求:将导航栏上的标题由默认的“”改为“黑马程序员”,效果如图:

设置导航栏的背景颜色

微信小程序开发引擎_小程序启动引导图_微信小程序开发之开发引导页面

设置步骤:app.json => =>

需求:将导航栏标题的背景颜色由默认的#fff改为#,效果如图:

设置导航栏标题颜色

设置步骤:app.json -> -> le

需求:将导航栏上的标题颜色由默认改为如图效果:

注意:le 唯一可能的值为 和

全局开启上拉刷新功能

概念:下拉刷新是移动终端的专有名词,指的是通过手指在屏幕上向下滑动来重新加载页面数据的行为。

设置步骤:app.json -> -> 将h的值设置为true

注意:在app.json中启用下拉刷新功能会影响每个小程序页面!

设置下拉刷新时窗口背景颜色

全局开启上拉刷新功能时,默认窗口背景为白色。 如果自定义下拉刷新窗口的背景颜色,设置步骤为:app.json -> -> 指定十六进制颜色值#。 效果如下:

设置下拉刷新时的样式

小程序启动引导图_微信小程序开发之开发引导页面_微信小程序开发引擎

全局启用下拉刷新功能时,默认窗口样式为白色。 如果想改变样式的效果,设置步骤是app.json -> ->指定dark值。 效果如下:

注意: 和 dark 的唯一可能值

设置引体向上底部的距离

概念:拉升、触底是移动端的专有名词。 它是通过在屏幕上拉起并滑动手指来加载更多数据的行为。

设置步骤:app.json -> -> 为e设置新值

注:默认距离为0,如无特殊要求,建议使用默认值。

全局配置—

什么是

是移动应用中常见的页面效果,用于实现多个页面之间的快速切换。 小程序通常分为:

底部 顶部

注意:

页面中只能配置最少 2 个、最多 5 个选项卡。 渲染顶部时,不显示图标,只显示文字

的 6 个组成部分

微信小程序开发之开发引导页面_小程序启动引导图_微信小程序开发引擎

节点配置项

每个选项卡项目的配置选项

页面配置

页面配置文件的作用

在小程序中,每个页面都有自己的.json配置文件,用于配置当前页面的窗口外观和页面效果。

页面配置与全局配置的关系

在小程序中,app.json中的节点可以全局配置小程序中每个页面的窗口性能。

如果某些小程序页面希望有特殊的窗口性能,此时“页面级.json配置文件”就可以满足这一需求。

注:当页面配置与全局配置冲突时,按照就近原则,最终效果以页面配置为准。

页面配置中常用的配置项

概括

这段内容其实就是页面上的一些简单的样式配置。 大家在我们熟悉的小程序中都可以看到。 这部分内容比较简单。 不需要记太多,心里有一个大概的想法就可以了等等微信小程序开发之开发引导页面,项目开发需要的时候看一下配置的属性就可以了!

分享