修改样式，整理格式

login.html

@@ -22,7 +22,6 @@
 <script src="./public/static/tools/common.js"></script>
 <!-- 引入登录页面JSON -->
 <script src="./pages/login/login-json.js"></script>
-
 <script type="text/javascript">
     (function () {
         let amis = amisRequire('amis/embed');

pages/login/login-json.js

@@ -19,75 +19,75 @@ function getLoginJson() {
             "redirect": "/",
             "wrapWithPanel": false,
             "body": [
-            {
-"type": "wrapper",
-"body": [
-{
-  "type": "flex",
-  "justify": "flex-end",
-  "items": [
-    {
-      "type": "dropdown-button",
-      "label": "",
-      "className": "header-menu",
-      "buttons": [
-        {
-          "type": "button",
-          "label": "中文",
-          "id": "u:6911502c8fcc",
-          "onEvent": {
-            "click": {
-              "actions": [
                 {
-                  "script": "localStorage.setItem('language', 'zh-CN')\nlocation.reload()",
-                  "actionType": "custom",
-                  "args": {
+                  "type": "wrapper",
+                  "body": [
+                  {
+                    "type": "flex",
+                    "justify": "flex-end",
+                    "items": [
+                      {
+                        "type": "dropdown-button",
+                        "label": "",
+                        "className": "header-menu",
+                        "buttons": [
+                          {
+                            "type": "button",
+                            "label": "中文",
+                            "id": "u:6911502c8fcc",
+                            "onEvent": {
+                              "click": {
+                                "actions": [
+                                  {
+                                    "script": "localStorage.setItem('language', 'zh-CN')\nlocation.reload()",
+                                    "actionType": "custom",
+                                    "args": {
+                                    }
+                                  }
+                                ],
+                                "weight": 0
+                              }
+                            }
+                          },
+                          {
+                            "type": "button",
+                            "label": "English",
+                            "id": "u:e702685a7a45",
+                            "onEvent": {
+                              "click": {
+                                "actions": [
+                                  {
+                                    "script": "localStorage.setItem('language', 'en-US')\r\nlocation.reload()",
+                                    "actionType": "custom"
+                                  }
+                                ],
+                                "weight": 0
+                              }
+                            },
+                            "actionType": "",
+                            "link": "/view/user_info"
+                          }
+                        ],
+                        "id": "u:4fedf7a987bf",
+                        "size": "md",
+                        "level": "default",
+                        "align": "right",
+                        "block": false,
+                        "hideCaret": true,
+                        "trigger": "hover",
+                        "icon": "./public/static/icon/language-change.png",
+                        "btnClassName": "no-border"
+                      }
+                    ],
+                    "id": "u:e7752d0c1dbe"
                   }
-                }
-              ],
-              "weight": 0
-            }
-          }
-        },
-        {
-          "type": "button",
-          "label": "English",
-          "id": "u:e702685a7a45",
-          "onEvent": {
-            "click": {
-              "actions": [
-                {
-                  "script": "localStorage.setItem('language', 'en-US')\r\nlocation.reload()",
-                  "actionType": "custom"
-                }
-              ],
-              "weight": 0
-            }
-          },
-          "actionType": "",
-          "link": "/view/user_info"
-        }
-      ],
-      "id": "u:4fedf7a987bf",
-      "size": "md",
-      "level": "default",
-      "align": "right",
-      "block": false,
-      "hideCaret": true,
-      "trigger": "hover",
-      "icon": "./public/static/icon/language-change.png",
-      "btnClassName": "no-border"
-    }
-  ],
-  "id": "u:e7752d0c1dbe"
-}
-],
-"id": "u:d16525b6aae6",
-"asideResizor": false,
-"pullRefresh": {
-"disabled": true
-}
-},
+                  ],
+                  "id": "u:d16525b6aae6",
+                  "asideResizor": false,
+                  "pullRefresh": {
+                  "disabled": true
+                  }
+                },
                 {
                     "type":"html",
                     "className":"text-center",
@@ -171,9 +171,7 @@ function getLoginJson() {
                 //     "html":"<p class='mt-10 text-gray-600'>Roma平台</p>"
                 // },
             ]
-
         }
-
     };
 
     return headerJson;

public/static/css/app.css

@@ -1,59 +1,62 @@
 html,
-        body,
-        .app-wrapper {
-            position: relative;
-            width: 100%;
-            height: 100%;
-            margin: 0;
-            padding: 0;
-            touch-action: pan-y;
-        }
-        :root {
-            --Form-item-gap: 1.3rem;
-            --InputGroup-height: 2.5rem;
-            --Button-height: 2.5rem;
-            --InputGroup-paddingX: .6rem;
-            --InputGroup-addOn-bg: var(--Form-input-bg);
-            /* --fontSizeBase: .9rem; */
-        }
-        .app-wrapper {
-            position: relative;
-            width: 100%;
-            height: 100%;
-            margin: 0;
-            padding: 0;
-        }
-        .amis-scope .cxd-Layout--headerFixed .cxd-Layout-header .cxd-Page {
-          background: none;
-        }
-        .amis-scope .cxd-Page-body .cxd-DropDown--alignRight .cxd-DropDown-menu {
-          text-align: center;
-        }
+body,
+.app-wrapper {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    touch-action: pan-y;
+}
+:root {
+    --Form-item-gap: 1.3rem;
+    --InputGroup-height: 2.5rem;
+    --Button-height: 2.5rem;
+    --InputGroup-paddingX: .6rem;
+    --InputGroup-addOn-bg: var(--Form-input-bg);
+    /* --fontSizeBase: .9rem; */
+}
+.app-wrapper {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+.amis-scope .cxd-Layout--headerFixed .cxd-Layout-header .cxd-Page {
+   background: none;
+}
+.amis-scope .cxd-Page-body .cxd-DropDown--alignRight .cxd-DropDown-menu {
+   text-align: center;
+}
         /* .amis-scope .cxd-DropDown button .m-r-xs {
           width: 100%;
           height: 100%;
         } */
-        .amis-scope .cxd-Button--default {
-          border: none;
-          outline: none;
-        }
-        .amis-scope .cxd-Button--default:not(:disabled):not(.is-disabled):hover {
-        color: none;
-        background: none;
-        border-color: none;
-        border-width: none;
-        border-style: none;
-        box-shadow: none;
-        border: none;
-        outline: none;
-      }
-      .amis-scope .m-r-xs {
-        margin-top:-5px;
-        width: 30px;
-        height: 30px;
-      }
-      @media (min-width: 768px) {
-        .amis-scope .cxd-Layout--asideFixed.cxd-Layout--folded .cxd-Layout-aside {
-          z-index: 2000;
-        }
-      }
+.amis-scope .cxd-Button--default {
+    border: none;
+    outline: none;
+}
+.amis-scope .cxd-Button--default:not(:disabled):not(.is-disabled):hover {
+    color: none;
+    background: none;
+    border-color: none;
+    border-width: none;
+    border-style: none;
+    box-shadow: none;
+    border: none;
+    outline: none;
+}
+.amis-scope .m-r-xs {
+    margin-top:-5px;
+    width: 30px;
+    height: 30px;
+}
+@media (min-width: 768px) {
+  .amis-scope .cxd-Layout--asideFixed.cxd-Layout--folded .cxd-Layout-aside {
+      z-index: 2000;
+  }
+}
+.amis-scope .cxd-Layout-headerBar .cxd-Page-body .cxd-Button:not(:disabled):not(.is-disabled){
+    pointer-events:none;
+}

public/static/css/login.css

@@ -1,83 +1,86 @@
 html,
-        body,
-        .app-wrapper {
-            /* position: relative; */
-            width: 100%;
-            height: 100%;
-            margin: 0;
-            padding: 0;
-            touch-action: pan-y;
-            overflow: hidden;
-        }
-        :root {
-            --Form-item-gap: 1.3rem;
-            --InputGroup-height: 2.5rem;
-            --Button-height: 2.5rem;
-            --InputGroup-paddingX: .6rem;
-            --InputGroup-addOn-bg: var(--Form-input-bg);
-            /* --fontSizeBase: .9rem; */
-        }
+body,
+.app-wrapper {
+    /* position: relative; */
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    touch-action: pan-y;
+    overflow: hidden;
+}
+:root {
+    --Form-item-gap: 1.3rem;
+    --InputGroup-height: 2.5rem;
+    --Button-height: 2.5rem;
+    --InputGroup-paddingX: .6rem;
+    --InputGroup-addOn-bg: var(--Form-input-bg);
+    /* --fontSizeBase: .9rem; */
+}
 
-        .app-wrapper {
-            /* position: relative; */
-            width: 100%;
-            height: 100%;
-            margin: 0;
-            padding: 0;
-        }
+.app-wrapper {
+    /* position: relative; */
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
 
-        .amis-scope .cxd-Icon{height: 1rem}
-        .amis-scope .cxd-TextControl-input input{height: 100% !important;}
-        .amis-scope .cxd-TextControl-input:hover{border:var(--Form-input-borderWidth) solid var(--Form-input-borderColor)}
-        .amis-scope .cxd-InputGroup .cxd-TextControl-input{border-left-width: 0;padding-left: 0;}
-        .code_img{cursor: pointer;}
+.amis-scope .cxd-Icon{height: 1rem}
+.amis-scope .cxd-TextControl-input input{height: 100% !important;}
+.amis-scope .cxd-TextControl-input:hover{border:var(--Form-input-borderWidth) solid var(--Form-input-borderColor)}
+.amis-scope .cxd-InputGroup .cxd-TextControl-input{border-left-width: 0;padding-left: 0;}
+.code_img{cursor: pointer;}
 
-        .amis-scope .cxd-Form{
-            font-size: var(--Form-fontSize);
-            position: none !important;
-            max-width: 700px;
-            margin: 0 auto;
-            margin-top: 10vh;
-            /* position:; */
-        }
-        .amis-scope .cxd-Wrapper--md, .amis-scope .cxd-Container--md {
-            width: 100%;
-            height: 100%;
-        }
-        .amis-scope h1 {
-            font-size: 4vw;
-        }
-        @media (max-width: 768px) {
-            .amis-scope .cxd-Form{
-                font-size: var(--Form-fontSize);
-                position: none !important;
-                margin: 0 auto;
-                margin-top: 0vh;
-                /* position:; */
-            }
-            .amis-scope .cxd-Wrapper--md, .amis-scope .cxd-Container--md {
-                padding: 0;
-            }
-        }
-        .amis-scope .cxd-Button--default {
-          border: none;
-          outline: none;
-        }
-        .amis-scope .cxd-Button--default:not(:disabled):not(.is-disabled):hover {
-        color: none;
-        background: none;
-        border-color: none;
-        border-width: none;
-        border-style: none;
-        box-shadow: none;
-        border: none;
-        outline: none;
-      }
-      .amis-scope .m-r-xs {
-        margin-top:-5px;
-        width: 30px;
-        height: 30px;
-      }
-      .amis-scope .cxd-Form .cxd-Wrapper--md, .amis-scope .cxd-Container--md {
-        height: 1%;
-      }
+.amis-scope .cxd-Form{
+    font-size: var(--Form-fontSize);
+    position: none !important;
+    max-width: 700px;
+    margin: 0 auto;
+    margin-top: 10vh;
+    /* position:; */
+}
+.amis-scope .cxd-Wrapper--md, .amis-scope .cxd-Container--md {
+    width: 100%;
+    height: 100%;
+}
+.amis-scope h1 {
+    font-size: 4vw;
+}
+@media (max-width: 768px) {
+    .amis-scope .cxd-Form{
+        font-size: var(--Form-fontSize);
+        position: none !important;
+        margin: 0 auto;
+        margin-top: 0vh;
+        /* position:; */
+    }
+    .amis-scope .cxd-Wrapper--md, .amis-scope .cxd-Container--md {
+        padding: 0;
+    }
+}
+.amis-scope .cxd-Button--default {
+    border: none;
+    outline: none;
+}
+.amis-scope .cxd-Button--default:not(:disabled):not(.is-disabled):hover {
+    color: none;
+    background: none;
+    border-color: none;
+    border-width: none;
+    border-style: none;
+    box-shadow: none;
+    border: none;
+    outline: none;
+}
+.amis-scope .m-r-xs {
+    margin-top:-5px;
+    width: 30px;
+    height: 30px;
+}
+.amis-scope .cxd-Form .cxd-Wrapper--md, .amis-scope .cxd-Container--md {
+    height: 1%;
+}
+.amis-scope .cxd-Wrapper .cxd-DropDown .cxd-Button:not(:disabled):not(.is-disabled){
+    pointer-events:none;
+}