hz/ebiz-ai-knowledge-manage
1
0
Fork 0
mirror of http://112.124.100.131/ebiz-ai/ebiz-ai-knowledge-manage.git synced 2025-12-08 10:26:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(app): 优化首页样式和布局

Browse Source 
- 调整 render-container 样式，移除内边距，增加外边距和过渡效果
- 修改 home-container高度为 100%，移除多余的内边距
- 统一卡片样式，增加阴影效果
- 优化最新知识和代理部分样式
- 调整底部容器样式和高度
- 注释掉部分未使用的样式
This commit is contained in:
陈昱达
2025-05-12 14:44:24 +08:00
parent f221e43d23
commit 605581e775
1 changed files with 16 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/views/app/Home.vue
View File

@@ -286,22 +286,23 @@ export default {
@import '@/assets/sass/renderSass/theme.scss'; @import '@/assets/sass/renderSass/theme.scss';
.render-container { .render-container {
background: #f0f4fa; background: #f0f4fa;
padding: 10px; padding: 0;
margin: 10px;
transition: all 0.5s;
height: calc(100vh - 20px);
& .home-container { & .home-container {
//padding: 20px;
border-radius: 10px; border-radius: 10px;
//background: #f0f4fa; height: 100%;
height: calc(100vh - 60px);
overflow-y: auto; overflow-y: auto;
.home-top-container { .home-top-container {
margin-bottom: 20px; margin-bottom: 10px;
padding: 20px; padding: 20px;
background: linear-gradient(135deg, #6a11cb, #2575fc); background: linear-gradient(135deg, #6a11cb, #2575fc);
border-radius: 10px; border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
overflow: hidden; overflow: hidden;
.left-container { .left-container {
width: 50%; width: 50%;
color: #fff; color: #fff;
@@ -331,7 +332,7 @@ export default {
.icon-box { .icon-box {
width: 40px; width: 40px;
height: 40px; height: 40px;
background-color: rgba(255, 255, 255, 0.2); //background: linear-gradient(135deg, #6a11cb, #2575fc);
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -341,7 +342,7 @@ export default {
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background-color: rgba(255, 255, 255, 0.3); //background: linear-gradient(135deg, #2575fc, #6a11cb);
} }
} }
} }
@@ -358,7 +359,7 @@ export default {
padding: 20px; padding: 20px;
background-color: #fff; background-color: #fff;
border-radius: 10px; border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
.card-title { .card-title {
font-size: 18px; font-size: 18px;
@@ -375,14 +376,12 @@ export default {
.latest-section { .latest-section {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin: 20px 0; margin: 10px 0;
//padding: 20px;
.latest-knowledge, .latest-knowledge,
.latest-agent { .latest-agent {
background: #fff; background: #fff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
flex: 1; flex: 1;
border-radius: 8px; border-radius: 8px;
padding: 15px; padding: 15px;
@@ -416,7 +415,7 @@ export default {
width: 60px; width: 60px;
height: 60px; height: 60px;
line-height: 60px; line-height: 60px;
background: rgb(209, 233, 255); background: linear-gradient(135deg, #6a11cb, #2575fc);
border-radius: 8px; border-radius: 8px;
font-size: 40px; font-size: 40px;
overflow: hidden; overflow: hidden;
@@ -424,18 +423,6 @@ export default {
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
& .appType {
position: absolute;
right: 0;
bottom: -5px;
z-index: 1;
width: 20px;
height: 20px;
padding: 2px;
border-radius: 5px;
color: $--color-primary;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
} }
.knowledge-details { .knowledge-details {
@@ -470,10 +457,10 @@ export default {
} }
.home-bottom-container { .home-bottom-container {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
margin-top: 20px; margin-top: 10px;
border-radius: 8px; border-radius: 8px;
height: calc(100vh - 445px); height: calc(100vh - 375px);
background-color: #fff; background-color: #fff;
} }
} }