sc

src/views/Login/Login.vue

@@ -4,7 +4,7 @@
     class="h-[100%] relative dark:bg-v-dark <sm:px-10px <xl:px-10px <md:px-10px"
   >
     <div class="relative h-full flex mx-auto">
-      <div :class="`${prefixCls}__left w-600px left-box relative p-30px`">
+      <div :class="`${prefixCls}__left w-[30%] <lg:w-[100%] left-box relative p-30px <xl:p-20px`">
         <!-- 左上角的 logo + 系统标题 -->
         <div class="flex items-center relative">
           <h2 class="mb-3 text-2xl font-bold">
@@ -19,7 +19,7 @@
             class="flex items-center m-auto w-[100%] @2xl:max-w-500px @xl:max-w-500px @md:max-w-500px @lg:max-w-500px <xl:mt-20px"
           >
             <!-- 账号登录 -->
-            <LoginForm class="p-40px h-auto m-auto" />
+            <LoginForm class="p-40px <xl:p-10px h-auto m-auto" />
             <!-- 手机登录 -->
             <!-- <MobileForm class="p-20px h-auto m-auto <xl:(rounded-3xl light:bg-white)" /> -->
             <!-- 二维码登录 -->
@@ -48,20 +48,21 @@
           </transition-group>
         </div>
       </div>
-      <div class="login-box flex-1 p-30px <sm:p-10px dark:bg-v-dark <xl:hidden relative">
+      <div class="login-box flex-1 p-30px <sm:p-10px dark:bg-v-dark <lg:hidden relative">
         <!-- 右上角的主题、语言选择 -->
         <div class="flex justify-between items-center text-white @2xl:justify-end @xl:justify-end">
           <div class="flex items-center @2xl:hidden @xl:hidden">
             <!-- <img alt="" class="w-48px h-48px mr-10px" :src="appInfo.instanceIcon" /> -->
-            <span class="text-20px font-bold text-black">
+            <!-- <span class="text-20px font-bold text-black">
               欢迎使用 {{ underlineToHump(appInfo.instanceName) }}
-            </span>
+            </span> -->
           </div>
           <div class="flex justify-end items-center space-x-10px">
             <ThemeSwitch />
             <!-- <LocaleDropdown class="<xl:text-white dark:text-white" /> -->
           </div>
         </div>
+        <img src="@/assets/imgs/shisong.jpg" width="80%" alt="" srcset="" />
       </div>
     </div>
   </div>