??对于一些业务需求,可能需要切换横竖屏样式,我是使用的uni-app进行的开发,需要能够在一些页面进行横竖屏的切换。
"pageOrientation":"auto"
{
"path": "pages/metting/lives",
"style":{
"navigationStyle":"custom",
"pageOrientation":"auto" // 实现横竖屏切换
}
},
globalStyle
中进行设置"globalStyle": {
"pageOrientation":"auto" // 实现横竖屏切换
}
onResize(res){
if(res.deviceOrientation == "landscape"){
console.log("横屏")
}
if(res.deviceOrientation == "portrait"){
console.log("竖屏")
}
}
uni.getSystemInfo({
success: (result) => {
console.log(result)
if(result.model.includes(‘iPhone X‘)){ // 判断是否是 iphone x
this.globalData.isiphonex = true;
}
}
})
wx.getMenuButtonBoundingClientRect()
来获取胶囊的信息wx.getMenuButtonBoundingClientRect().height
globalData:{
deviceinfo:{},
isiphonex
}
<script>
const app = getApp();
export default {
data(){
return{
isipx:app.globalData.isiphonex,
}
}
}
</script>
原文:https://www.cnblogs.com/aloneer/p/14842731.html