uniapp开发微信小程序获取胶囊位置，自定义title

最新推荐文章于 2024-06-27 16:38:23 发布
最新推荐文章于 2024-06-27 16:38:23 发布
阅读量241 收藏
点赞数 1
文章标签： uni-app 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LY1879276369/article/details/138226431
版权
本文介绍了如何在Vue应用程序中使用`globalData`对象来设置导航栏的高度，使其与胶囊按钮保持在同一水平线，以便实现定制化的用户体验。
摘要由CSDN通过智能技术生成 
//可以写在app.vue中

globalData: {
			navHeight:`${uni.getMenuButtonBoundingClientRect().top * 2}rpx`,  //设置自定义导航栏和胶囊处于同一水平线
		},

黑云压城After
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
uniapp开发微信小程序-人脸采集功能
05-16
uniapp开发微信小程序-人脸采集功能
uniapp写微信小程序，获取openId、unionId总结
06-18
用于解密unionId的js包，使用前需 npm install crypto
uniapp 自定义导航栏和右上角胶囊按钮对齐
weixin_39579031的博客
05-17 539
如下图，红色区域为statusBar的区域，绿色区域为胶囊按钮的区域，胶囊按钮的区域包含灰色的按钮以及上下的padding空白，因此计算整个绿色区域的高度的公式应为：（蓝色线的高度（即胶囊按钮的top的值）- 红色状态栏区域的底statusBarHeight）* 2 + 胶囊按钮的height的值。自定义导航栏和右上角胶囊按钮对齐，需要分俩步走，一个是在上面搞个填充区用来填充刘海区域即statusBar, 然后计算出来胶囊区域的高度，让我们自己的导航栏内容高度一致，再css居中。
Uniapp中的小程序胶囊的位置
qq_43853213的博客
04-05 4606
小程序有一个api可以获取胶囊的位置在哪里。 let menuButtonInfo = uni.getMenuButtonBoundingClientRect()可以获取小程序胶囊的位置。 打印出来的信息就是 bottom:58 height:32 left:278 right:365 top:26 width:87 其中width和height是胶囊本身的高度和宽度。 当初看这个很猛，现在可以看下面的图解，就知道了。 ...
[保姆级教程]uniapp小程序获取右上角胶囊位置信息
肥晨开发的学习之路
06-20 842
欢迎关注我获取前端学习资源，日常分享技术变革，生存法则；行业内幕，洞察先机。uniapp小程序获取右上角胶囊位置信息。配置中，为相应的页面设置。，这将隐藏默认的导航栏。
uniapp 获取状态栏及小程序右侧胶囊信息(用于设置全屏小程序)
weixin_44805839的博客
07-10 3115
获取设备状态栏信息,右侧胶囊大小高度,来动态设置全屏样式
在uniapp中，微信小程序获取胶囊的高度、宽度，且适配微信小程序、App
Lulu_yo的博客
10-07 3949
【代码】在uniapp中，微信小程序获取胶囊的高度、宽度，且适配微信小程序、App。
【小程序】uni-app自定义导航栏适配小程序，对齐胶囊
Get your hands dirty
11-14 3518
uni-app自定义导航栏适配小程序，对齐胶囊
uniapp 微信小程序tabbar凸起的显示
08-25
`uniapp`是一个跨平台的开发框架，它允许开发者使用一套代码库来构建多端应用，包括微信小程序。在`uniapp`中处理微信小程序的tabbar凸起效果并确保其不闪烁，是一项技术性工作，涉及到CSS样式、事件处理以及可能的...
uniapp - 微信小程序 - 自定义底部tabbar
06-26
在开发微信小程序或基于uniapp框架的应用时，自定义底部tabbar是一项常见的需求。底部tabbar作为用户界面的重要组成部分，通常包含多个图标和文字，用于切换不同的页面或功能区域。本篇文章将深入探讨如何在uniapp中...
uniapp/微信小程序/h5三级地址选择器地区数据
04-14
开发uniapp时，vant组件库中的地址需要自己加，所以就自己封装了一个地址data，使用方法可移步H5开发记录帖
获取微信小程序右上角胶囊的位置
jiangyue2694的博客
10-21 3290
获取微信小程序右上角胶囊的位置 微信中有一个api是用来获取胶囊的位置以及其他信息的，这个可以在我们使用自定义的标题的时候避开这个位置，或者自己写点什么东西 ，要和胶囊对齐的 api wx.getMenuButtonBoundingClientRect() 返回回来的数据就是胶囊的位置信息 这个时候就可以操作了 这个有可能在onLoad() 获取不到数据，这里可以使用setTimeout延迟 也可以在onReady() 中使用 建议在onReady中使用 ...
uniapp微信小程序获取屏幕宽高,胶囊按钮的位置以及Vue3.2在css层获取逻辑层的数据
前端菜鸟好先森的博客
12-16 6292
uniapp微信小程序获取屏幕宽高,胶囊按钮的位置以及Vue3.2在css层获取逻辑层的数据
【uniapp】小程序获取自定义导航高与胶囊按钮定位的两个api
ONLYSRY的博客
08-01 3869
在小程序平台，如果原生导航栏被隐藏，仍然在右上角会有一个悬浮按钮，微信下也被称为胶囊按钮。本API用于获取小程序下该菜单按钮的布局位置信息，方便开发者布局顶部内容时避开该按钮。.....................
在找uniapp开发适配微信小程序胶囊按钮问题？看这就对了
最新发布
2401_85939458的博客
06-27 90
【代码】在找uniapp开发适配微信小程序胶囊按钮问题？看这就对了。
微信小程序 —— 自定义顶部、底部导航栏以及获取胶囊体位置信息。
是江迪呀 的博客
08-09 2077
theme: smartblue highlight: a11y-dark 一、前言 我们在进行微信小程序开发时，常常需要自定义一些东西，比如自定义顶部导航、自定义底部导航等等。那么知道这些自定义内容的具体位置、以及如何适配不同的机型就变得尤为重要。下面让我以在iPhone机型，来给大家介绍下微信小程序如何获取自定义内容的位置信息。 二、开启自定义 如果需要自定义顶部和底...
发一篇博客 获取微信小程序胶囊位置
sdgjah2的博客
01-17 428
【代码】发一篇博客 获取微信小程序胶囊位置。
微信小程序第一节 —— 自定义顶部、底部导航栏以及获取胶囊体位置信息。
是江迪呀 的博客
03-03 7845
如果需要自定义顶部和底部导航。那么如何在自定义后能够适配不同的机型而不会出现样式问题呢？我们可以通过方法来获取页面的信息来保证样式的正确性。此方法常用于app.js文件中的onLanch()方法中，保证这些信息优先被加载，并把获取到的页面信息放到全局变量中，方便其他页面的获取使用。在此之前需要开启自定义顶部和底部导航栏。
uniapp开发微信小程序 获取用户位置
05-10
要获取用户的位置信息，可以使用微信小程序提供的wx.getLocation接口。 首先，在小程序的app.json文件中添加定位权限： ```json { "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黑云压城After

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值