vue3页面调整

src/layout/components/LocaleDropdown/src/LocaleDropdown.vue

@@ -11,7 +11,7 @@ const { getPrefixCls } = useDesign()
 const prefixCls = getPrefixCls('locale-dropdown')
 
 defineProps({
-  color: propTypes.string.def('')
+  color: propTypes.string.def('white')
 })
 
 const localeStore = useLocaleStore()
@@ -37,7 +37,7 @@ const setLang = (lang: LocaleType) => {
     <Icon
       :class="$attrs.class"
       :color="color"
-      :size="18"
+      :size="28"
       class="cursor-pointer !p-0"
       icon="ion:language-sharp"
     />

src/views/Login/Login.vue

@@ -19,8 +19,8 @@
         <!-- 右边的登录界面 -->
         <Transition appear enter-active-class="animate__animated animate__bounceInRight">
           <div
-            class="m-auto h-[calc(70%)] w-[100%] flex items-center at-2xl:max-w-550px at-lg:max-w-550px at-md:max-w-550px at-xl:max-w-550px"
-            :style="{backgroundImage: `url(${loginBox})`,minHeight: '630px', minWidth: '300px',backgroundSize: 'cover',marginTop:'5%'}"
+            class="m-auto h-[calc(60%)] w-[100%] flex items-center at-2xl:max-w-550px at-lg:max-w-550px at-md:max-w-550px at-xl:max-w-550px"
+            :style="{backgroundImage: `url(${loginBox})`,minHeight: '620px', minWidth: '250px',backgroundSize: 'cover',marginTop:'5%'}"
           >
             <!-- 账号登录 -->
             <LoginForm class="m-auto h-auto p-50px lt-xl:(rounded-3xl)" />
@@ -114,5 +114,7 @@ $prefix-cls: #{$namespace}-login;
   border-bottom: 1px solid #bacde0 !important;
   outline: none;
 }
-
+.el-input__inner {
+  color: white;
+}
 </style>