自定义原生小程序顶部及获取胶囊信息

本文主要是介绍自定义原生小程序顶部及获取胶囊信息，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

需求：我需要将某个文字或者按钮放置在小程序顶部位置

思路：根据获取到的顶部信息来定义我需要放的这个元素样式

 * 这里我是定义某个指定页面

json：给指定页面的json中添加自定义设置

"navigationStyle": "custom"

 JS：

wx.getSystemInfo({success:res=>{console.log('顶部信息：',res)// 手机系统状态栏高度const platform = res.platformconst menu =  wx.getMenuButtonBoundingClientRect()console.log('menu',menu)this.setData({topInfo:menu//重新定义我给的元素信息})}})

js获取的结果信息：

 最终的结果：(#^.^#)  ^_^

这篇关于自定义原生小程序顶部及获取胶囊信息的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---