From b385fcc30e0ee871dc31c06526e9ab84ba507ea2 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 24 四月 2025 09:28:18 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/LibraryAgent
---
src/views/HomeView.vue | 69 +++++++++++++++++++++++-----------
1 files changed, 47 insertions(+), 22 deletions(-)
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index ba0030e..7a13143 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -3,23 +3,21 @@
<div class="logo">
<img src="../assets/images/logo.png" alt="" />
</div>
- <div class="title">娆㈣繋鏉ュ埌闄曡タ鐪佸浘涔﹂</div>
- <div class="function-btn">
- <img class="function-icon" src="../assets/images/image.png" alt="" />
- <div class="function-content-box">
- <div class="function-title">鎴戞槸浣犱笓灞炵殑AI鏅鸿兘鍥句功妫�绱㈠姪鎵�</div>
- <el-button
- :color="screenWidth > 375 ? '#6e3d3c' : '#af8c56'"
- style="padding: 8px 20px"
- :size="screenWidth > 375 ? 'large' : ''"
- round
- @click="handleChat"
- >
- <span class="btn-text">AI闂瓟</span>
- <img style="margin-left: 5px" src="../assets/images/zuo.png" alt="" />
- </el-button>
+ <div class="main">
+ <div class="title">娆㈣繋鏉ュ埌闄曞浘楂樻柊棣嗗尯</div>
+ <div class="function-btn">
+ <img class="function-icon" src="../assets/images/image.png" alt="" />
+ <div class="function-content-box">
+ <div class="function-title">鎴戞槸浣犱笓灞炵殑AI鏅鸿兘鍥句功妫�绱㈠姪鎵�</div>
+ <el-button :color="screenWidth > 375 ? '#6e3d3c' : '#af8c56'" style="padding: 8px 20px"
+ :size="screenWidth > 375 ? 'large' : ''" round @click="handleChat">
+ <span class="btn-text">AI鎵句功</span>
+ <img style="margin-left: 5px" src="../assets/images/zuo.png" alt="" />
+ </el-button>
+ </div>
</div>
</div>
+
</div>
</template>
@@ -46,45 +44,64 @@
background-size: cover;
overflow: hidden;
position: relative;
+
.logo {
position: absolute;
- width: 200px;
+ height: 32px;
+ width: 120px;
bottom: 0;
left: 0;
right: 0;
height: auto;
margin: auto;
+ margin-bottom: 10px;
+
img {
width: 100%;
}
}
+
+ .main{
+ height: calc(100% - 100px);
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+
+ }
+
.title {
- width: 20px;
+ width: 45px;
height: auto;
margin: auto;
text-align: center;
- font-size: 28px;
+ font-size: 45px;
font-family: 'FZZHAOM';
- font-weight: 700;
+ font-weight: 400;
color: #fff;
- margin-bottom: 30px;
+ line-height: 38px;
}
+
.function-btn {
+ margin: auto;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
+
.function-icon {
width: 75px;
margin-right: 10px;
}
+
.function-content-box {
.function-title {
- margin-bottom: 10px;
+ margin-bottom: 15px;
font-size: 16px;
font-weight: 700;
color: #764418;
}
+
.btn-text {
color: #fff;
}
@@ -92,6 +109,7 @@
}
}
}
+
@media screen and (min-width: 750px) {
.home-box {
width: 100%;
@@ -106,32 +124,37 @@
flex-direction: column;
justify-content: flex-start;
align-items: center;
+
.logo {
width: 1200px;
min-width: 1200px;
margin-bottom: 60px;
}
+
.title {
width: 100%;
text-align: center;
font-size: 100px;
font-family: 'FZZHAOM';
- font-weight: 700;
+ font-weight: 400;
color: #fff;
letter-spacing: 5px;
min-width: 1200px;
}
+
.function-btn {
width: 100%;
min-width: 1200px;
display: flex;
justify-content: center;
align-items: center;
+
.function-icon {
width: 170px;
height: 170px;
margin-right: 50px;
}
+
.function-content-box {
height: 140px;
display: flex;
@@ -139,10 +162,12 @@
justify-content: space-between;
align-items: flex-start;
margin-left: 5px;
+
.function-title {
font-size: 35px;
color: #77471f;
}
+
.btn-text {
margin-right: 5px;
font-size: 18px;
--
Gitblit v1.9.1