兼容不同分辨率

src/views/case/addCaseModal.vue

@@ -9,7 +9,6 @@
     :min-height="0"
   >
     <div class="pt-2px pr-3px">
-
       <BasicTable class="powesrTable" @register="registerTable"></BasicTable>
     </div>
   </BasicModal>

src/views/sys/login/Login.vue

@@ -192,8 +192,13 @@
     }
   }
   .title {
+    width: 450px;
     .titleText {
       font-size: 40px;
+      @media (max-width: 1024px) {
+        font-size: 24px;
+        line-height: 40px;
+      }
       @media (max-width: @screen-xl) {
       font-size: 40px;
       }
@@ -205,6 +210,13 @@
       font-size: 14px;
       @media (max-width: @screen-sm) {
         font-size: 12px;
+        line-height: 14px !important;
+
+      }
+      @media (max-width: 1024px) {
+        font-size: 12px;
+        line-height: 18px !important;
+        margin-bottom: 0 !important;
       }
       @media (min-width: 3000px) {
         font-size: 12px;

src/views/sys/login/LoginForm.vue

@@ -60,7 +60,7 @@
       <Button size="large" class="mybtmargin enter-x" block @click="handleRegister">
         {{ t('sys.login.registerButton') }}
       </Button>
-      <Button size="large" class="mybtmargin enter-x" block @click="handlesybz"> 使用帮助 </Button>
+      <Button size="large" class="enter-x" block @click="handlesybz"> 使用帮助 </Button>
     </FormItem>
     <!-- <ARow class="enter-x">
       <ACol :md="8" :xs="24">
@@ -213,5 +213,8 @@
     @media (min-width: 3000px) {
       margin-bottom: 10px;
     }
+    @media (max-width: 1024px) {
+      margin-bottom: 10px;
+    }
   }
 </style>