From 7f6fa75678e36a992f3037ce530d0226f0dd2128 Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期二, 08 四月 2025 17:56:30 +0800
Subject: [PATCH] 比例修改
---
src/views/home/index.vue | 56 +++++++++++++++++++++++++++++++++++---------------------
1 files changed, 35 insertions(+), 21 deletions(-)
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 108815d..a626284 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -47,7 +47,9 @@
<div class="copyrightInformation">
鐗堟潈鎵�鏈夛細涓浗涓尰鐮旂┒闄� 浜琁CP澶� 0384937947 浜叕缃戝畨澶� 1212129923
</div>
- <div class="profilePhoto"></div>
+ <div class="profilePhoto">
+ <img class="autoImg" src="@/assets/images/profilePhoto.png" alt="" />
+ </div>
</div>
</template>
@@ -105,23 +107,23 @@
background-repeat: no-repeat;
background-size: 98% 95%;
position: relative;
- padding: 0 40px;
box-sizing: border-box;
}
.profilePhoto {
- background-image: url("@/assets/images/profilePhoto.png");
- width: 475px;
- height: 556px;
+ /* background-image: url("@/assets/images/profilePhoto.png"); */
+ width: 50%;
+ height: 60%;
+ background-repeat: no-repeat;
background-size: 100% 100%;
position: absolute;
- top: 30%;
- left: 8%;
+ top: 28.2%;
+ left: 0;
}
.headerBox {
- width: 99.5%;
- height: 220px;
- padding-top: 60px;
- padding-left: 40px;
+ width: 95.5%;
+ height: 23.1%;
+ padding-top: 3%;
+ padding-left: 5%;
border-bottom: 1px solid#937950;
font-size: 50px;
line-height: 66px;
@@ -130,19 +132,22 @@
justify-content: space-between;
font-family: Alimama DongFangDaKai;
box-sizing: border-box;
+ margin: 0 auto;
}
.searchBox {
margin-right: 100px;
}
.menuBox {
position: absolute;
- right: 48px;
- width: 1000px;
+ right: 2.5%;
+ width: 52%;
+ height: 47.3%;
font-family: Alimama DongFangDaKai;
}
.menu {
width: 25%;
- height: 450px;
+ /* height: 450px; */
+ height: 100%;
background-color: #fff;
text-align: center;
padding-top: 20px;
@@ -178,30 +183,39 @@
}
.menuList {
display: flex;
+ height: 100%;
}
.personalProfile {
background: rgba(147, 121, 80, 0.15);
- height: 170px;
- width: 100%;
+ height: 17.8%;
+ width: 95.1%;
position: absolute;
- right: 40px;
- bottom: 111px;
+ right: 2.5%;
+ bottom: 11.7%;
border: 1px solid #937950;
}
.textInfo {
position: absolute;
right: 40px;
- width: 1000px;
+ width: 50%;
margin-top: 20px;
- line-height: 16px;
+ /* line-height: 16px; */
}
.copyrightInformation {
+ width: 100%;
position: absolute;
- bottom: 80px;
+ bottom: 8%;
font-size: 12px;
color: #937950;
width: 100%;
text-align: center;
}
+
+@media screen and (min-width: 1920px) {
+ .textInfo {
+ font-size: 20px;
+ line-height: 24px;
+ }
+}
</style>
--
Gitblit v1.9.1