当前位置: 首页 > news >正文

pages.json页面路由中,globalStyle的各个属性

欢迎来到我的UniApp技术专栏!🎉 在这里,我将与大家分享关于UniApp开发的实用技巧、最佳实践和项目经验。

专栏特色:

📱 跨平台开发一站式解决方案
🚀 从入门到精通的完整学习路径
💡 实战项目经验分享
🔍 常见问题深度解析
无论你是刚接触UniApp的新手,还是有一定经验的开发者,都能在这里找到有价值的内容。我将持续更新最新技术动态和开发技巧,帮助大家提升开发效率,打造高质量的跨平台应用。

如果文章对你有帮助,别忘了点赞收藏🌟,也欢迎在评论区留言交流,我会及时回复大家的问题!

让我们一起探索UniApp的无限可能!

目录

一.navigationBarBackgroundColor(导航栏的背景颜色)

1.演示

2.注意事项

二.navigationBarTextStyle(导航栏的标题颜色)

1.演示

2.注意事项

三.navigationBarTitleText(导航栏的标题文字)

1.演示

2.注意事项

四.navigationStyle(是否显示导航栏)

1.演示

2.注意事项

五.backgroundColor(下拉窗口的背景色)、enablePullDownRefresh(是否允许下拉刷新)

1.演示

2.注意事项

六.onReachBottomDistance(距离页面底部多远时,触发触底函数)

1.演示

2.应用场景

最后


一.navigationBarBackgroundColor(导航栏的背景颜色)

1.演示

运行效果

2.注意事项

该属性的值,只能是十六进制的,而不能使用RGB或者颜色英文(如pink)。

二.navigationBarTextStyle(导航栏的标题颜色)

1.演示

运行效果

2.注意事项

navigationBarTextStyle的属性,只支持white(白色)/  black(黑色)

三.navigationBarTitleText(导航栏的标题文字)

1.演示

运行效果 

2.注意事项

每个页面被创建时,我们可能设置了每个页面的标题文字,这个权重更高,所以会覆盖上面那个全局的标题文字。

因此我们想用全局的标题文字,那就要删除某个页面自己的标题文字。

四.navigationStyle(是否显示导航栏)

1.演示

运行结果

2.注意事项

navigationStyle的值,只有两种:①default(显示导航栏) ②custom(隐藏导航栏)

五.backgroundColor(下拉窗口的背景色)、enablePullDownRefresh(是否允许下拉刷新)

1.演示

运行效果

2.注意事项

我们要开启允许下拉刷新,才会显示下拉窗口,此时下拉窗口的背景色才有意义。

而且这个下拉刷新,默认只在微信小程序中生效。

六.onReachBottomDistance(距离页面底部多远时,触发触底函数)

1.演示

但是触底函数,需要我们自己编写

<template><view class="" v-for="item in 100">{{item}}</view></template><script setup>
import {onReachBottom} from "@dcloudio/uni-app";
onReachBottom(()=>{console.log("触发触底函数了");
})
</script><style lang="scss" scoped></style>

运行效果

2.应用场景

大多数app,都有触底刷新,加载更多内容的功能,如下

最后

有什么不懂的,可以直接去官网查询每个属性的详细介绍。

以上就是本篇文章的全部内容,喜欢的话可以留个免费的关注呦~~~

 

http://www.dtcms.com/a/288606.html

相关文章:

  • RPG62.制作敌人攻击波数二:攻击ui
  • 分布式文件系统04-DataNode海量数据分布式高可靠存储
  • 【LeetCode数据结构】单链表的应用——环形链表问题详解
  • 【PTA数据结构 | C语言版】哈夫曼树的实现
  • UDP中的单播,多播,广播
  • 【RAG Agent】Deep Searcher实现逻辑解析
  • 【Unity3D实例-功能-移动】角色移动-通过WSAD(CharacterController方式)
  • 【STM32实践篇】:串口通信
  • Qwen3-8B 的 TTFT 性能分析:16K 与 32K 输入 Prompt 的推算公式与底层原理详解
  • 吴恩达机器学习笔记(3)—线性代数回顾(可选)
  • 【Django】DRF API版本和解析器
  • HTML Style 对象深度解析:从基础到高级应用
  • 上电复位断言的自动化
  • 【数据结构】双向循环链表的实现
  • 18.TaskExecutor获取ResourceManagerGateway
  • 【MySQL】索引中的页以及索引的分类
  • 【Nature Communications】GaN外延层中位错辅助的电子和空穴输运
  • PHPStorm携手ThinkPHP8:开启高效开发之旅
  • selenium4 web自动化测试
  • pip关于缓存的用法
  • minizinc学习记录
  • 如何优雅解决缓存与数据库的数据一致性问题?
  • Docker实践:使用Docker部署WhoDB开源轻量级数据库管理工具
  • 飞船躲避陨石小游戏流量主微信抖音小程序开源
  • 【ESP32设备通信】-使用Modbus RTU读取传感器数据
  • 嵌入式硬件篇---按键
  • 嵌入式硬件篇---机械臂运动学解算(3自由度)
  • CentOS 服务器docker pull 拉取失败
  • 在vue中遇到Uncaught TypeError: Assignment to constant variable(常亮无法修改)
  • 后台管理系统登录模块(双token的实现思路)