微信小程序页面头部高度自适应

如题所述

举报该问题

第1个回答 2022-06-30

1.在app动态获取页面头部导航高度

2.定义头部组件
组件js

组件json

组件wxml

组件wxss自己写
3.需要引入的页面
（1）.修改当前页面头部，自定义页面头图,引入组件
引入页面json

(2).页面js

(3).页面中使用组件,直接插入页面就可以了

相似回答

微信小程序横屏状态下的自适应实践(尺寸单位vmin)答：在目标页面 json 文件里设置 "pageOrientation": "landscape" 即可实现全屏，这个参数默认是 "portrait" （竖屏），设置 "auto" 表示跟随手机系统自动转换。需要注意的是，设为横屏后， rpx 单位不再生效，有人建议使用 px ，但是这样不能实现自适应布局，所以我们需要引入一个新的单位： vmin 。vmin...

实现小程序image图片宽度100%高度自适应答：因为微信小程序的图片image有默认的宽高：width: 320px和height: 240px，所以只设置宽度100%是无效的，因为图片高度默认240px 只需要添加属性 mode="widthFix"<image class="img" src="../images/1.png" mode="widthFix"> 设置宽度100%，.img{width: 100%;} 这样就可以实现图片宽度100%高度自...

华为微信小程序缩放答：1、在小程序的app.json里配置window.viewport，可以根据屏幕宽度等自适应缩放。2、在小程序的index.html的head标签中添加，可以根据屏幕宽度等自适应缩放。

微信小程序设计指南微信小程序ui设计规范汇总答：顶部标签分页栏颜色可自定义。在自定义颜色选择中,务必注意保持分页栏标签的可用性、可视性和可操作性。减少等待,反馈及时页面的过长时间的等待会引起用户的不良情绪,使用微信小程序项目提供的技术已能很大程度缩短等待时间。即便如此,当不可避免的出现了加载和等待的时候,需要予以及时的反馈以舒缓用户等待的不良情绪...

大家正在搜

微信小程序图片高度自适应微信小程序自适应布局微信小程序屏幕自适应微信小程序图片自适应微信小程序图片自适应全屏幕微信小程序页面适配微信小程序单页面微信小程序swiper高度微信小程序rpx对高度无效