【微信小程序】window的常用属性

最新推荐文章于 2024-05-15 04:32:54 发布
最新推荐文章于 2024-05-15 04:32:54 发布
阅读量5.5k 收藏 22
点赞数 8
分类专栏： 微信小程序 笔记 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51755592/article/details/118069793
版权

微信小程序-window的使用

1. window的属性

window用于设置小程序的状态栏、导航条、标题、窗口背景色。

属性 描述
navigationBarBackgroundColor 导航栏背景颜色，如 #000000
navigationBarTextStyle 导航栏标题颜色，仅支持 black / white
navigationBarTitleText string 导航栏标题文字内容
navigationStyle 导航栏样式，仅支持以下值：default 默认样式custom 自定义导航栏，只保留右上角胶囊按钮
backgroundColor 窗口的背景色
backgroundTextStyle 下拉 loading 的样式，仅支持 dark（小圆点） / light（光亮）
backgroundColorTop 顶部窗口的背景色，仅 iOS 支持 微信客户端 6.5.16
backgroundColorBottom 底部窗口的背景色，仅 iOS 支持 微信客户端 6.5.16
enablePullDownRefresh 是否开启全局的下拉刷新 （默认false）true
onReachBottomDistance 页面上拉触底事件触
最低0.47元/天 解锁文章
Zero-葱花
关注
  • 8
    点赞
  • 踩
  • 22
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序（二）Window 配置详细介绍
11-24
window用于设置小程序的状态栏、导航条、标题、窗口背景色。注意在app.json中配置的属性会被子window属性覆盖 只需在app.json配置即可 相关文章： hello WeApp                      icon组件 Window                             text组件                                switch组件 tabBar底部导航                 progress组件                        action-sheet 应用生命周期            
微信小程序app.json中的windows属性
weixin_36557877的博客
02-04 715
app.json
微信小程序开发系列（四）·小程序配置文件详细介绍·pages配置以及window配置_小程序开发 pages
最新发布
2401_84008985的博客
05-15 617
JSON是一种轻量级的数据格式，常用于前后端数据的交互，但是在小程序中， JSON扮演的配置项的角色，用于配置项目或者页面属性和行为，每个页面或组件也都有一个对应的 json 文件。小程序中常见的配置文件有以下几种:① app.json：小程序全局配置文件，用于配置小程序的一些全局属性和页面路由。② 页面.json：小程序页面配置文件，也称局部配置文件，用于配置当前页面的窗口样式、页面标题等。
【微信小程序】基础篇 -- 全局配置 -- window - 导航栏（十五）
JMFive的博客
03-01 6415
大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第15篇文章;今天开始学习微信小程序的第九天💖💖💖，开启新的征程，记录最美好的时刻🎉，每天进步一点点。 此专栏是我是夜阑的狗微信小程序开发过程的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。🌹 🌹 🌹也欢迎你，关注我。👍 👍 👍！！💕 💕 💕 最后，本文仍有许多不足之处，欢迎各位认真读完文章的小伙伴们随时私信交流、批评指正！下期再见。
解读小程序的属性
bonnie_o的博客
05-04 3026
小程序中，拥有很多属性值，通常为背景色，字体等等。窗口属性举例："window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "教师评教系统", "navigationBa
微信小程序：更改 顶部状态栏（ "window"）
傲笑风的博客
04-17 4712
页面配置：是指顶部状态栏的标题，标题颜色，背景颜色。如下图所示： 该标题为内容为：小程序、标题颜色为：黑色、背景颜色为：白色 配置 对页面配置，要用到组件：“window”。 （1）如果小程序有多个页面，想把每个页面的顶部状态栏都设置为一样，则在app.json里面设置 “window” 里面的内容 （2）如果想要不同页面显示不同的页面效果，则需要在每个页面的.json文件里设置"window"...
【微信小程序入门到精通】— window 导航栏配置
热爱生活，积极向上的阿酱！
10-30 4394
本篇文章首先介绍一下在 wxss 中我们 rpx 的应用以及我们对于小程序全局样式以及局部样式的配置，然后我们将详细介绍如何配置我们的 window 导航栏。关于 rpx 介绍1. 我们在之前进行 HTML 学习中了解过 px（分辨率）这一个单位，在我们设置组件经常用到，那么在微信小程序中我们用的分辨单位是什么呢？那就是rpx。
微信小程序实现商品属性联动选择
12-29
本文实例为大家分享了微信小程序实现商品属性联动选择的具体代码，供大家参考，具体内容如下 效果演示： 代码示例 1、commodity.xml <!-- 属性值联动选择</view> --> <!--options--> <!--每组...
微信小程序 实例汇总 完整项目源代码
11-01
微信小程序是一种轻量级的应用开发平台，由腾讯公司推出，主要针对移动设备，尤其是智能手机。它允许开发者在微信内创建原生体验的应用程序，无需通过应用商店即可供用户使用。这个压缩包文件“wechat”很可能包含了...
微信小程序开发常用PNG图标(1600个).zip
05-25
对于"微信小程序开发常用PNG图标(1600个).zip"这个资源包，它提供了1600个专门针对微信小程序设计的PNG图标，这些图标涵盖了开发过程中可能需要用到的各种功能和场景。 1. 微信小程序：微信小程序是一种由腾讯公司...
食堂点餐微信小程序源码.zip
03-17
食堂点餐微信小程序源码.zip食堂点餐微信小程序源码.zip食堂点餐微信小程序源码.zip食堂点餐微信小程序源码.zip食堂点餐微信小程序源码.zip食堂点餐微信小程序源码.zip食堂点餐微信小程序源码.zip食堂点餐微信小程序...
关于微信小程序：scroll-view，backgroundTextStyle
weixin_30783629的博客
11-19 1508
踩过的坑mark下 1.滚动列表最好不要用scroll-view组件，这个组件有不少问题，比如触顶操作触发了，会连续好几次执行触发函数，得用一个开关变量和定时器配合来控制，一般情况下view组件就够用了。 2.app.json配置文件里面backgroundTextStyle的其中两种选择light和dark，如果选dark配色的话，view组件上拉操作的加载效果就不明显，最好选dark。 ...
【自用整理】Uniapp导航栏&状态栏
weixin_43910903的博客
03-24 5319
导航栏 (1) 全局导航栏样式设置： 在pages.json的globalStyle里进行各个参数配置 "globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "Hello uniapp", "navigationBarBackgroundColor": "#F8F8F8", "backgroundColor": "#F8F8F8", "backgroundCol
【微信小程序创作之路】- 小程序窗口整体配置（导航栏、标题）
ProGram_Java521的博客
07-14 7349
本章主要介绍小程序窗口导航栏、窗口下拉、窗口上拉、标题等设置。以上就是今天要讲的内容，本文简单介绍了全局app.json文件中入口文件的配置、页面配置Pages、全局默认窗口配置window和底部tab栏配置tabBar使用，下一章我们将讲解小程序JS文件调用后端接口。
微信小程序-全局配置
weixin_44918565的博客
10-10 1220
笔记
uni-app导航栏和状态栏配置
qq_41113498的博客
06-04 2466
1. 导航栏 原生导航优点 ① 原生导航的体验更好，渲染新页面时，原生导航栏的渲染无需等待新页面dom加载，可以在新页面进入动画开始时就渲染。 ② 原生导航还可以避免滚动条通顶，并方便的控制原生下拉刷新。通过pages.json的配置，可以简单的、跨端的、高性能的开发业务。 原生导航缺点：原生导航栏的扩展能力有限的。尤其是微信下，没有提供太多导航栏的配置。 1.1 原生导航栏—通用配置 uni-app 自带原生导航栏，在pages.json里配置。参考官网uni-app导航栏开发
微信小程序开发入门篇(一)
afsdfrsg的博客
04-07 1336
分享一份自己整理好的Java面试手册，还有一些面试题pdf。
强大的 类css 工具：nui － 换肤可以考虑用这个实现的
qhexin的专栏
03-11 2558
https://github.com/tombenner/nui NUI Style iOS apps with a style sheet, similar to CSS Description NUI is a drop-in UI kit for iOS that lets you style UI elements using a style sheet,
微信小程序window用法
06-13
在微信小程序中，window用于管理小程序的生命周期及全局事件。以下是一些常见的window用法： 1. 监听小程序生命周期函数 ``` App({ onLaunch: function () { console.log('小程序启动了') }, onShow: function () { console.log('小程序进入前台') }, onHide: function () { console.log('小程序进入后台') } }) ``` 2. 监听错误事件 ``` App({ onError: function (msg) { console.log(msg) } }) ``` 3. 获取系统信息 ``` wx.getSystemInfo({ success: function (res) { console.log(res) } }) ``` 4. 监听网络状态变化 ``` wx.onNetworkStatusChange(function (res) { console.log(res.isConnected) }) ``` 5. 设置窗口背景色 ``` wx.setBackgroundColor({ backgroundColor: '#ffffff', backgroundColorTop: '#ffffff', backgroundColorBottom: '#ffffff', }) ``` 6. 设置窗口的滚动 ``` wx.pageScrollTo({ scrollTop: 0, duration: 300 }) ``` 以上是一些常见的window用法，可以根据实际需要进行调用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值