監測和設定微信小程式橫豎屏轉換

2022-07-02 18:00:16 字數 388 閱讀 5074

今天在使用小程式測試橫豎屏時,發現官方給出的配置有問題

如果想要某個頁面支援螢幕旋轉,需要在此頁面的 json檔案中配置

"pageorientation": "auto",

1

然後如果手機螢幕旋轉,頁面會自動進行旋轉。我們需要根據螢幕方向顯示不同的內容,那如何判斷當前螢幕的方向呢?可以在此頁面的 js 檔案中加入 onresize:function(res){} 方法來進行螢幕方向的監聽,每次螢幕旋轉時這個方法都會呼叫。

1

page(

5 })

可以通過獲取到的顯示區域的寬度和高度來判斷當前螢幕是橫屏還是豎屏,然後顯示不同的內容。注意,模擬器不會觸發此方法,所以請使用真機除錯。

微信小程式時間加法 微信小程式日期轉換 比較 加減

日期轉時間戳 functiongetunixtime datestr 時間戳轉日期,falg true表示只要年月日,part year month date functiontodate number,flag,part else if part month else if part date r...

微信小程式設定控制項權重

1.橫向水平布局 實現水平布局,需要四個view容器元件,其中乙個是父容器。如下 box1 box2 box3 給父容器以下樣式 1 index.wxss 2 content其中display flex將view設定為彈性布局,flex direction row 設定布局的方向是橫向水平布局。在三...

微信小程式 設定畫布字型

得將屬性設定寫在filltext的前面,否則不起作用 var context wx.createcanvascontext canvas context.setfontsize 10 設定字型大小 context.settextalign center 設定字型水平居中 context.settex...