微信小程序胶囊高度和状态栏高度
需要在data中定义statusbar和jiaonangheight ...
原文：微信小程序 头部适配 胶囊
样式如上图所示它的要求：一个头部样式自定义，它在胶囊左边的内容又分为左右两部分，如何让它屏幕宽自适应 只需要用到wx.getMenuButtonBoundingClientRect 获取胶囊信息就可以写出来 例子如下 然后在页面中的样式就可以写了，红色区域的宽就是胶囊距离左边的距离 signaLeft px,距离上面的距离用padding top写 signaTop ，高也就是胶囊的高 sign ...
2020-03-05 18:22 0 1514 推荐指数：
相关推荐
微信小程序自定义内容和胶囊对齐
原理是：导航栏+胶囊的高度 另一篇简单的https://www.cnblogs.com/lude1994/p/14406630.html 1.在app.js中 2.在需要使用的页面中js中赋值 3.在页面中使 ...
微信小程序右上角胶囊的位置
参考：https://www.cnblogs.com/luoshida/p/13434197.html 右上角胶囊的信息,包含width、height、top等 let rect ...
微信小程序右上角胶囊的信息
右上角胶囊的信息,包含width、height、top等 let rect= wx.getMenuButtonBoundingClientRect(); 机型信息 let info=wx.getSystemInfoSync ...
微信小程序（8）--头部导航滑动
项目需求：实现头部导航，可左右滑动。 ...
微信小程序宽高适配
小程序的宽任何机型都是750rpx，但是画布canvas的默认单位是px，可能会出现需要怪异的样式，我们可以用到 wx.getSystemInfoSync().windowWidth和 wx.getSystemInfoSync().windowHeight分别获取到窗口的宽高 ...
微信小程序适配iphoneX
在小程序开发中，涉及到适配iphonex的情况主要就是在页面的最下出现button的情况，对于这个的解决思路就是： 1.获取设备型号： // 在app.js中判断是否是哪种设备 globalData: { isIphoneX: false, userInfo: null ...
微信小程序获取胶囊的位置API wx.getMenuButtonBoundingClientRect()获取失败的处理
wx.getMenuButtonBoundingClientRect() ios手机偶尔复现是0 这个问题很早就有但是微信官方也一直没有解决，下面给大家介绍一个兼容做法（wx.getMenuButtonBoundingClientRect()["top"]举个例子） 1，步骤一 在app.js ...