小程序
小游戏
企业微信
微信支付
扫描小程序码分享
样式错位的问题应该如何解决呢??
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你那个设置的"navigationStyle": "custom"
那就要写自定义顶部导航栏 要获取设备信息,里面有顶部导航的数据,用这个数据来计算,然后把自定义顶部导航栏写成组件
在app.js
onLaunch: function () { // 获取系统信息 const systemInfo = wx.getSystemInfoSync(); // 胶囊按钮位置信息 const menuButtonInfo = wx.getMenuButtonBoundingClientRect(); // 导航栏高度 = 状态栏到胶囊的间距(胶囊距上距离-状态栏高度) * 2 + 胶囊高度 + 状态栏高度 this.globalData.navBarHeight = (menuButtonInfo.top - systemInfo.statusBarHeight) * 2 + menuButtonInfo.height + systemInfo.statusBarHeight; this.globalData.menuRight = systemInfo.screenWidth - menuButtonInfo.right; this.globalData.menuBotton = menuButtonInfo.top - systemInfo.statusBarHeight; this.globalData.menuHeight = menuButtonInfo.height; this.globalData.menuWidth = menuButtonInfo.width; this.globalData.systemInfo = systemInfo; this.globalData.menuButtonInfo = menuButtonInfo; globalData: { navBarHeight: 0, // 导航栏高度 menuRight: 0, // 胶囊距右方间距(方保持左、右间距一致) menuBotton: 0, // 胶囊距底部间距(保持底部间距一致) menuHeight: 0, // 胶囊高度(自定义内容可与胶囊高度保证一致) menuWidth: 0, // 胶囊宽度(自定义内容可与胶囊高度保证一致) titleWidth: 0, // 中间标题的宽度 systemInfo: {}, menuButtonInfo: {}, }, }
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
你这个是自定义顶部导航吧,你这个需要获取设备信息,里面有顶部导航的数据,用这个数据来计算
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你那个设置的"navigationStyle": "custom"
那就要写自定义顶部导航栏 要获取设备信息,里面有顶部导航的数据,用这个数据来计算,然后把自定义顶部导航栏写成组件
在app.js
onLaunch: function () { // 获取系统信息 const systemInfo = wx.getSystemInfoSync(); // 胶囊按钮位置信息 const menuButtonInfo = wx.getMenuButtonBoundingClientRect(); // 导航栏高度 = 状态栏到胶囊的间距(胶囊距上距离-状态栏高度) * 2 + 胶囊高度 + 状态栏高度 this.globalData.navBarHeight = (menuButtonInfo.top - systemInfo.statusBarHeight) * 2 + menuButtonInfo.height + systemInfo.statusBarHeight; this.globalData.menuRight = systemInfo.screenWidth - menuButtonInfo.right; this.globalData.menuBotton = menuButtonInfo.top - systemInfo.statusBarHeight; this.globalData.menuHeight = menuButtonInfo.height; this.globalData.menuWidth = menuButtonInfo.width; this.globalData.systemInfo = systemInfo; this.globalData.menuButtonInfo = menuButtonInfo; globalData: { navBarHeight: 0, // 导航栏高度 menuRight: 0, // 胶囊距右方间距(方保持左、右间距一致) menuBotton: 0, // 胶囊距底部间距(保持底部间距一致) menuHeight: 0, // 胶囊高度(自定义内容可与胶囊高度保证一致) menuWidth: 0, // 胶囊宽度(自定义内容可与胶囊高度保证一致) titleWidth: 0, // 中间标题的宽度 systemInfo: {}, menuButtonInfo: {}, }, }
你这个是自定义顶部导航吧,你这个需要获取设备信息,里面有顶部导航的数据,用这个数据来计算