微信小程序自定义胶囊样式

本文实例为大家分享了微信小程序自定义左上角胶囊样式的具体代码，供大家参考，具体内容如下改完之后的效果:调用 wx.getMenuButtonBoundingClientRect() 函数得到右上角胶囊定位信息所需要的 属性有 ： top,height属性，用于计算自定义左上角胶囊定位的位置拿到 右上角胶囊的 top和height 相加得到 屏幕导航栏的固定高度:在 data函数中声明一个导航栏高度属性，和一个 胶囊具体定位的top属性:赋值导航栏的高度 数据:在 wxml 中定义 导航栏:wxss内容:效果图:如果觉得红色地方太挨得进的话 top 在加大一点