lxd/FlowVue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整尺寸

Browse Source
This commit is contained in:
lxd 2024-08-01 16:10:19 +08:00
parent c84bb57f69
commit 5a22525620
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/Login/Login.vue
View File

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