feat: 调整登录页面

packages/effects/layouts/src/authentication/authentication.vue

@@ -105,14 +105,14 @@ const handleAccountLogin = async () => {
 
 <template>
   <div class="login-bg">
+
+    <div class="login-bg_1">
       <div class="login-wapter">
         <div class="login-wapter1">欢迎登录</div>
         <div class="login-wapter2">南川区综合服务中心数智平台</div>
       </div>
-    <div class="login-bg_1">
       <div class="login-container">
         <div class="login-header">
-
           <div class="login-form">
             <h3>用户登录</h3>
             <!-- 用户名输入 -->
@@ -271,6 +271,12 @@ const handleAccountLogin = async () => {
 }
 </style> -->
 <style scoped>
+@font-face {
+  font-family: 'BaiduVariety';
+  src: url('../../../../../apps/web-antd/src/assets/fonts/百度综艺简体.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
 .login-bg {
   min-height: 100vh;
   height: 100vh;
@@ -280,12 +286,39 @@ const handleAccountLogin = async () => {
   justify-content: center;
   align-items: center;
   background:
-  url('../../../../../apps/web-antd/src/assets/juxing.png') no-repeat center center fixed,
+  /* url('../../../../../apps/web-antd/src/assets/juxing.png') no-repeat center center fixed, */
-  url('../../../../../apps/web-antd/src/assets/222.png');
+  url('../../../../../apps/web-antd/src/assets/222.png') no-repeat center center fixed;
-  background-size: cover, cover;
+  background-size: 100% 100%, 100% 100%;
+  /* background-repeat: no-repeat, no-repeat;
+  background-position: center center, center center; */
   color: #fff;
 }
+.login-wapter{
+  position: relative;
+  top: -115px; /* 负值越大，越往上 */
+  .login-wapter1 {
+  font-size: 44px;
+  margin-bottom: 20px;
+  display: flex;
+  justify-content: center;
+}
+.login-wapter2 {
+  font-size: 60px;
+  /* margin-bottom: 38px; */
+  background: linear-gradient(to bottom, #ffffff, #cbeaff);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  color: transparent;
+  font-weight: bold;
+  display: flex;
+  justify-content: center;
+  font-family: 'BaiduVariety',sans-serif;
+  letter-spacing: 6px;
+}
+}
 .login-bg_1 {
+  flex-direction: column;
   flex: 1 1 auto;
   width: 100vw;
   display: flex;
@@ -297,31 +330,11 @@ const handleAccountLogin = async () => {
   text-align: center;
   background: url('../../../../../apps/web-antd/src/assets/from.png') no-repeat center center fixed;
 }
-.login-wapter{
-  .login-wapter1 {
-  font-size: 36px;
-  margin-bottom: 20px;
-  display: flex;
-  justify-content: center;
-}
-
-.login-wapter2 {
-  font-size: 50px;
-  margin-bottom: 38px;
-  color: #ccc;
-  font-size: 36px;
-  font-weight: bold;
-  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
-  display: flex;
-  justify-content: center;
-}
-}
-
-
-
 .login-form {
   border-radius: 10px;
-  padding: 45px;
+  /* margin-top: 2rem; */
+  /* padding: 0 45px 45px 45px; */
+  height: 400px;
   width: 397px;
   margin: 0 auto;
 }
@@ -337,7 +350,7 @@ const handleAccountLogin = async () => {
   margin-bottom: 15px;
   border: 1px solid #fff; /* 设置边框线为白色 */
   border-radius: 2px;
-  width: 364px;
+  width: 100%;
   border: 0;
   outline: none;
   -webkit-text-fill-color: #fff;