小程序
小游戏
企业微信
微信支付
扫描小程序码分享
iOS和android调试正常,在PC端调试时,出现style样式异常,导致界面不正常显示
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
代码咋写的呢
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
// ios端固定导航栏高度
navigationBarHeight = 44
} else if (platform == "android") { // android
// 计算导航栏高度
navigationBarHeight = menuButtonBoundingClientRect.height + (menuButtonBoundingClientRect.top - statusBarHeight) * 2
} else if (platform == "windows" || platform == "mac") { // windows 和 mac
console.log("platform", platform)
// 固定导航栏高度为44
console.log("0===navigationBarHeight", navigationBarHeight)
// 小程序顶部statusBarHeight值为20,但实际为0
statusBarHeight = 0
} else { // devtools
}
console.log("1===navigationBarHeight", this.data.navigationBarHeight)
// 搜索条高度
let searchBarHeight = 54;
// scroll-view 高度
let contentHeight = windowHeight - statusBarHeight - navigationBarHeight - searchBarHeight;
console.log("2===navigationBarHeight", this.data.navigationBarHeight)
// 赋值
this.setData({
// (自定义导航栏距离顶部高度)
statusBarHeight,
navigationBarHeight,
searchBarHeight,
contentHeight
})
console.log("3===navigationBarHeight", this.data.navigationBarHeight)
// 获得小程序menu参数
const {
platform,
windowHeight,
statusBarHeight
} = wx.getSystemInfoSync();
const menuButtonBoundingClientRect = wx.getMenuButtonBoundingClientRect();
let navigationBarHeight = 0
if (platform == "ios") { // ios
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
代码咋写的呢
在iOS端和android端都是正常展示.
但是PC端却无法加载完成,只能打印到 "console.log("0===navigationBarHeight", this.data.navigationBarHeight)"
后面的"1===navigationBarHeight"、"2===..."、"3===..."都无法打印,也没有报错
// ios端固定导航栏高度
navigationBarHeight = 44
} else if (platform == "android") { // android
// 计算导航栏高度
navigationBarHeight = menuButtonBoundingClientRect.height + (menuButtonBoundingClientRect.top - statusBarHeight) * 2
} else if (platform == "windows" || platform == "mac") { // windows 和 mac
console.log("platform", platform)
// 固定导航栏高度为44
navigationBarHeight = 44
console.log("0===navigationBarHeight", navigationBarHeight)
// 小程序顶部statusBarHeight值为20,但实际为0
statusBarHeight = 0
} else { // devtools
navigationBarHeight = 44
}
console.log("1===navigationBarHeight", this.data.navigationBarHeight)
// 搜索条高度
let searchBarHeight = 54;
// scroll-view 高度
let contentHeight = windowHeight - statusBarHeight - navigationBarHeight - searchBarHeight;
console.log("2===navigationBarHeight", this.data.navigationBarHeight)
// 赋值
this.setData({
// (自定义导航栏距离顶部高度)
statusBarHeight,
navigationBarHeight,
searchBarHeight,
contentHeight
})
console.log("3===navigationBarHeight", this.data.navigationBarHeight)
// 获得小程序menu参数
const {
platform,
windowHeight,
statusBarHeight
} = wx.getSystemInfoSync();
const menuButtonBoundingClientRect = wx.getMenuButtonBoundingClientRect();
let navigationBarHeight = 0
if (platform == "ios") { // ios
// ios端固定导航栏高度
navigationBarHeight = 44
} else if (platform == "android") { // android
// 计算导航栏高度
navigationBarHeight = menuButtonBoundingClientRect.height + (menuButtonBoundingClientRect.top - statusBarHeight) * 2
} else if (platform == "windows" || platform == "mac") { // windows 和 mac
console.log("platform", platform)
// 固定导航栏高度为44
navigationBarHeight = 44
console.log("0===navigationBarHeight", navigationBarHeight)
// 小程序顶部statusBarHeight值为20,但实际为0
statusBarHeight = 0
} else { // devtools
navigationBarHeight = 44
}
console.log("1===navigationBarHeight", this.data.navigationBarHeight)
// 搜索条高度
let searchBarHeight = 54;
// scroll-view 高度
let contentHeight = windowHeight - statusBarHeight - navigationBarHeight - searchBarHeight;
console.log("2===navigationBarHeight", this.data.navigationBarHeight)
// 赋值
this.setData({
// (自定义导航栏距离顶部高度)
statusBarHeight,
navigationBarHeight,
searchBarHeight,
contentHeight
})
console.log("3===navigationBarHeight", this.data.navigationBarHeight)
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
https://developers.weixin.qq.com/s/Nj7QWfmG7KCu