Merge remote-tracking branch 'origin/master'

mes-ui/mes-ui-admin-vue3/src/views/Login/Login.vue

@@ -1,28 +1,26 @@
 <template>
   <div
     :class="prefixCls"
-    class="relative h-[100%] lt-xl:bg-[var(--login-bg-color)] lt-md:px-10px lt-sm:px-10px lt-xl:px-10px "
+    class="relative h-[100%] lt-xl:bg-[var(--login-bg-color)] lt-md:px-10px lt-sm:px-10px lt-xl:px-10px"
   >
-    <div class="relative mx-auto h-full flex ">
+    <div class="relative mx-auto h-full flex">
-<div
+      <div
         :class="`${prefixCls}__left flex-1  bg-opacity-20 relative p-30px lt-xl:hidden`"
-        style="background-color: #17181A;">
+        style="background-color: #17181a"
-      
+      >
         <!-- &lt;!&ndash; 左上角的 logo + 系统标题 &ndash;&gt; -->
         <div class="relative flex items-center text-white">
           <img alt="" class="mr-10px h-48px w-48px" src="@/assets/imgs/logo.png" />
           <span class="text-20px font-bold">{{ underlineToHump(appStore.getTitle) }}</span>
         </div>
         <!-- &lt;!&ndash; 左边的背景图 + 欢迎语 &ndash;&gt; -->
-        <div class="h-[calc(100%-60px)] flex items-center justify-center" >
+        <div class="h-[calc(100%-60px)] flex items-center justify-center">
           <TransitionGroup
             appear
             enter-active-class="animate__animated animate__bounceInLeft"
             tag="div"
-            
           >
             <img key="1" alt="" width="97%" src="@/assets/imgs/loginimgs.png" />
-            
           </TransitionGroup>
         </div>
       </div>
@@ -37,13 +35,13 @@
           </div>
           <div class="flex items-center justify-end space-x-10px">
             <!-- <ThemeSwitch /> -->
-<!--            <LocaleDropdown class="dark:text-white lt-xl:text-white" />-->
+            <!--            <LocaleDropdown class="dark:text-white lt-xl:text-white" />-->
           </div>
         </div>
         <!-- 右边的登录界面 -->
         <Transition appear enter-active-class="animate__animated animate__bounceInRight">
           <div
-            class="m-auto h-full w-[100%] flex items-center at-2xl:max-w-500px at-lg:max-w-500px at-md:max-w-500px at-xl:max-w-500px"
+            class="m-auto h-full w-[80%] flex items-center at-2xl:max-w-500px at-lg:max-w-500px at-md:max-w-500px at-xl:max-w-500px"
           >
             <!-- 账号登录 -->
             <LoginForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
@@ -56,7 +54,25 @@
             <!-- 三方登录 -->
             <SSOLoginVue class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
           </div>
+          
         </Transition>
+        <div
+          :class="prefixCls"
+          style="height:80px;position: absolute;bottom: 0; width:90%"
+          class=" text-center text-[var(--el-text-color-placeholder)] dark:bg-[var(--el-bg-color)]"
+        >
+          <el-row>
+            <el-col>
+              <span class="text-14px"
+                >Copyright ©上海长江云息数字科技有限公司,All Rights Reserved.</span
+              >
+            </el-col>
+            <el-col style="margin-top: 10px">
+              <span class="text-14px"> 专注工业信息化-供应链解决方案 </span>
+            </el-col>
+          </el-row>
+          <span class="text-14px"></span>
+        </div>
       </div>
     </div>
   </div>
@@ -101,9 +117,9 @@ $prefix-cls: #{$namespace}-login;
   }
 }
 
-.loginbox{
+.loginbox {
   // width: 100%;
   // height: 100%;
-  background: url('/src/assets/imgs/6 1.png') no-repeat ;
+  background: url('/src/assets/imgs/6 1.png') no-repeat;
 }
 </style>