style: class 低分辨率样式

src/store/modules/locale.ts

@@ -22,7 +22,6 @@ interface appList {
 interface appItem {
   name: string;
   icon: string;
-  url: string;
   appList: appList[];
 }
 

src/views/sys/login/Login.vue

@@ -15,7 +15,7 @@
       <div class="flex h-full">
         <div class="hidden min-h-full pl-4 mr-4 xl:flex xl:flex-col xl:w-6/12">
           <AppLogo v-if="false" class="-enter-x" />
-          <div class="my-auto">
+          <div class="my-auto" style="text-align: center">
             <img
               :alt="title"
               style="margin-left: 25%"
@@ -54,10 +54,12 @@
         <div class="flex w-full h-full py-5 xl:h-auto xl:py-0 xl:my-0 xl:w-6/12">
           <div
             :class="`${prefixCls}-form`"
-            class="flex relative w-full mx-auto my-auto px-5 py-8 rounded-md shadow-md xl:ml-16 xl:bg-transparent sm:px-8 xl:p-4 xl:shadow-none sm:w-3/4 lg:w-2/4 xl:w-auto enter-x"
+            class="flex relative w-full px-5 py-8 mx-auto my-auto px-5 py-8 rounded-md shadow-md xl:ml-16 xl:bg-transparent sm:px-8 xl:p-4 xl:shadow-none sm:w-3/4 lg:w-2/4 xl:w-auto enter-x"
           >
-            <div class="LoginForm">
-              <LoginForm />
+            <div style="width: 100%">
+              <div class="LoginFormclass">
+                <LoginForm />
+              </div>
               <div class="newList">
                 <div
                   class="newItem"
@@ -217,13 +219,17 @@
     }
 
     .container {
-      .LoginForm {
-        width: 455px;
+      .LoginFormclass {
+        width: 100%;
+        max-width: 455px;
       }
       .newList {
-        width: 600px;
+        width: 100%;
         overflow: hidden;
         .newItem {
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
           &:hover:after {
             opacity: 1;
             transform: translateX(0%);
@@ -251,7 +257,7 @@
       }
       .my-auto {
         .appcode {
-          margin-top: 1.25rem;
+          margin: 1.25rem auto;
           width: 500px;
           display: flex;
           justify-content: space-between;