前景：在熟悉業(yè)務(wù)時(shí)候碘菜，有一個(gè)拍照識(shí)別信息的功能實(shí)現(xiàn)律姨，點(diǎn)擊拍照出現(xiàn)拍照選取框這個(gè)頁(yè)面队魏，然后往下進(jìn)行拍照功能的實(shí)現(xiàn)等一系列流程公般。
在熟悉的時(shí)候，因?yàn)橹耙灿杏龅竭^(guò)這個(gè)跳轉(zhuǎn)后橫屏的這種類型功能的實(shí)現(xiàn)胡桨，但是并不一樣官帘，然后查了一下
在小程序的開(kāi)發(fā)中，有時(shí)候需要橫屏顯示一些頁(yè)面昧谊，不過(guò)微信官方并沒(méi)有提供橫屏功能刽虹，但提供了手機(jī)屏幕旋轉(zhuǎn)的支持，所以可以利用這個(gè)來(lái)引導(dǎo)用戶通過(guò)屏幕旋轉(zhuǎn)看到更好的界面效果呢诬。
如果想要某個(gè)頁(yè)面支持屏幕旋轉(zhuǎn)涌哲，需要在此頁(yè)面的 json文件中配置 "pageOrientation": "auto"胖缤，然后如果手機(jī)屏幕旋轉(zhuǎn)，頁(yè)面會(huì)自動(dòng)進(jìn)行旋轉(zhuǎn)阀圾。我們需要根據(jù)屏幕方向顯示不同的內(nèi)容哪廓，那如何判斷當(dāng)前屏幕的方向呢？可以在此頁(yè)面的 js 文件中加入 onResize:function(res){} 方法來(lái)進(jìn)行屏幕方向的監(jiān)聽(tīng)初烘，每次屏幕旋轉(zhuǎn)時(shí)這個(gè)方法都會(huì)調(diào)用涡真。
Page({
onResize:function(res) {
res.size.windowWidth // 新的顯示區(qū)域?qū)挾? res.size.windowHeight // 新的顯示區(qū)域高度
}
})
摘自：https://blog.csdn.net/weixin_43909455/article/details/85219275
然后去看了下項(xiàng)目中的json配置，記錄一下账月，實(shí)現(xiàn)屏幕翻轉(zhuǎn)
{
"pageOrientation": "landscape", //水平方向
"navigationBarTitleText": "拍照識(shí)別",
"usingComponents": {
}
}
