调整尺寸

src/views/Login/Login.vue

@@ -32,7 +32,7 @@
         <div class="my-top">
           <img class="top-image" src="@/assets/imgs/FLY.png" />
           <div class="text-container">
-            <span style="font-size: 50px">医共体医学影像系统</span>
+            <span style="font-size: 46px">医共体医学影像系统</span>
             <span style="font-size: 18px">The Medical Community Medical Imaging Systems</span>
           </div>
         </div>
@@ -40,7 +40,7 @@
           <div
             style="
               width:400px;
-              height: 500px;
+              height: 320px;
               background-color: rgb(255, 255, 255);
               margin:auto;
               margin-right: 150px;
@@ -138,16 +138,16 @@ $prefix-cls: #{$namespace}-login;
 .my-top {
   display: flex; /* 使用Flexbox布局 */
   align-items: flex-start; /* 垂直方向上，子元素靠左对齐 */
-  height: 10%;
+  height: 9%;
   background-color: rgb(255, 255, 255); /* 背景颜色，可以自定义 */
   width: 100%;
 }
 .top-image {
   margin-left: 215px;
   margin-right: 10px;
-  margin-top: 10px;
+  margin-top: 7px;
   width: 279px;
-  height: 93px;
+  height: 90px;
 }
 
 .text-container {
@@ -165,7 +165,7 @@ $prefix-cls: #{$namespace}-login;
   background-image: url('@/assets/imgs/登陆底部.png'); /* 替换为你的图片路径 */
   background-size: cover; /* 使图片覆盖整个div，同时保持图片的宽高比 */
   background-repeat: no-repeat; /* 防止图片重复 */
-  height: 15%;
+  height: 13%;
   width: 100%;
   opacity: 1;
   background: rgba(84, 80, 81, 1);
@@ -173,12 +173,12 @@ $prefix-cls: #{$namespace}-login;
 .bottom-image
 {
   margin-left: 75%;
-  margin-top: 15px;
+  margin-top: 3px;
   margin-bottom: 5px;
 }
 /* 中间 */
 .my-middle {
-  height: 75%;
+  height: 79%;
   background-image: url('@/assets/imgs/登陆背景.png'); /* 替换为你的图片路径 */
   background-repeat: no-repeat; /* 防止图片重复 */
   background-size: cover; /* 使图片覆盖整个div，同时保持图片的宽高比 */