微信小程序如何实现导航栏配置,下面编程教程网小编给大家详细一下实现代码!
window导航栏基本配置
| 属性名 | 类型 | 默认值 | 作用 |
|---|---|---|---|
| navigationBarTitleText | string | 字字符串 | 导航栏标题内容 |
| navigationBarBackgroundColor | Hexcolor | #000000 | 设置导航栏背景颜色(比如荧黄色 #ffa) |
| navigationBarTextStyle | string | white | 设置导航栏标题的颜色(仅含有黑色和白色) |
| backgroundColor | Hexcolor | #ffffff | 窗口的背景颜色 |
| backgroundTextStyle | string | dark | 设置下拉 loading 的样式 仅支持 dark/light |
| enablePullDownRefresh | Boolean | false | 是否全局开启下拉刷新 |
| onReachBottomDistance | Number | 50 | 页面上拉触底事件触发阈值(距页面底部距离 单位为 px) |
打开app.json,找到 window修改代码
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "编程教程网",
"navigationBarTextStyle":"black"
},
以上是编程学习网小编为您介绍的“微信小程序如何实现导航栏配置”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
编程基础网
本文标题为:微信小程序如何实现导航栏配置
基础教程推荐
猜你喜欢
- Fuse.js模糊查询算法学习指南 2023-12-26
- vuejs浙里办如何埋点(附代码) 2024-12-07
- JavaScript代码性能优化总结(推荐) 2023-12-01
- 浅谈Vue3 Composition API如何替换Vue Mixins 2024-02-08
- jQuery niceScroll滚动条错位问题的解决方法 2024-01-17
- ASP.NET搭配Ajax实现搜索提示功能 2023-12-13
- 详解javascript如何在跨域请求中携带cookie 2024-01-12
- vue keep-alive 2023-10-08
- JavaScript可视化与Echarts详细介绍 2022-08-31
- 浅谈CSS在前端优化中一些值得注意的关键点 2024-01-08
