[add] 螢幕旋轉

assets/Scene/Main.fire

@@ -77,14 +77,14 @@
     ],
     "_active": true,
     "_components": [
-      {
-        "__id__": 7
-      },
       {
         "__id__": 8
       },
       {
         "__id__": 9
+      },
+      {
+        "__id__": 10
       }
     ],
     "_prefab": null,
@@ -245,6 +245,9 @@
     "_components": [
       {
         "__id__": 6
+      },
+      {
+        "__id__": 7
       }
     ],
     "_prefab": null,
@@ -307,6 +310,35 @@
     "webviewEvents": [],
     "_id": "0dhyrwc5lM/oEUOjnLH8Wx"
   },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 5
+    },
+    "_enabled": true,
+    "alignMode": 1,
+    "_target": {
+      "__id__": 2
+    },
+    "_alignFlags": 45,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_verticalCenter": 0,
+    "_horizontalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 1080,
+    "_originalHeight": 1920,
+    "_id": "86PkA+qQ9MHrsu5Inmk20K"
+  },
   {
     "__type__": "cc.Canvas",
     "_name": "",

assets/Script/Manager.ts

@@ -13,7 +13,22 @@ export default class Manager extends cc.Component {
 
     protected onLoad(): void {
         this.webview.url = `https://karolchang.github.io/jm-expense-vue-ts/?ignore=${Date.now()}`;
-        this.webview.node.active = true
+        this.webview.node.active = true;
+
+        cc.view.setResizeCallback(this._resize.bind(this));
+        this._resize();
+    }
+
+    private _resize(): void {
+        let Canvas: cc.Canvas = cc.Canvas.instance;
+        Canvas.designResolution = cc.size(Canvas.designResolution.height, Canvas.designResolution.width);
+        // let rect: DOMRect = cc.game.canvas.getBoundingClientRect();
+        // /** 判断是否是横屏 */
+        // let landscape: boolean = false;
+        // if (rect.width > rect.height) {
+        //     landscape = true;
+        // }
+        // // 根据横竖屏调整节点的位置适配等
     }
 
     //#endregion