From 2f26fbc8e76dc8f4c87696367e2ead8f6b7a452a Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Sat, 26 Nov 2022 14:57:48 +0800
Subject: [PATCH] 样式调整
---
src/views/home/components/leftContainer.vue | 42 +++++++++++++++++-------------------------
1 files changed, 17 insertions(+), 25 deletions(-)
diff --git a/src/views/home/components/leftContainer.vue b/src/views/home/components/leftContainer.vue
index e3d4e21..dbee1aa 100644
--- a/src/views/home/components/leftContainer.vue
+++ b/src/views/home/components/leftContainer.vue
@@ -3,16 +3,9 @@
<div class="person-box">
<div class="title">
<div>
- <span
- class="peopleTap"
- :class="{ choosed: peopletype == 0 }"
- @click="peopleTabClick(0)"
- >现有人员</span>/
- <span
- class="peopleTap"
- :class="{ choosed: peopletype == 1 }"
- @click="peopleTabClick(1)"
- >重点人员</span>
+ <span class="peopleTap" :class="{ choosed: peopletype == 0 }"
+ @click="peopleTabClick(0)">现有人员</span>/
+ <span class="peopleTap" :class="{ choosed: peopletype == 1 }" @click="peopleTabClick(1)">重点人员</span>
</div>
<div>
共
@@ -35,12 +28,7 @@
</div>
</div>
<div id="PersonEcharts" class="echarts-box"></div>
- <div
- class="back"
- title="返回上一级"
- v-show="dataDeep == 2 && peopletype == 0"
- @click="backBegin"
- ></div>
+ <div class="back" title="返回上一级" v-show="dataDeep == 2 && peopletype == 0" @click="backBegin"></div>
</div>
<div class="house-box">
<div class="title">现有房屋</div>
@@ -835,7 +823,7 @@
height: 100%;
.person-box {
- height: 35%;
+ height: 300px;
.peopleTap {
color: rgb(98, 95, 95);
@@ -881,19 +869,17 @@
}
}
- .house-box {
- flex: 1;
- }
-
.land-box {
- height: 310px;
+ height: 300px;
}
.person-box,
.house-box,
.land-box {
+ margin: 8px;
display: flex;
flex-direction: column;
+ background: $bg-color;
.title::after {
content: '';
@@ -914,7 +900,7 @@
text-align: left;
height: 40px;
line-height: 40px;
- font-size: 20px;
+ font-size: 16px;
display: flex;
justify-content: space-between;
background-image: linear-gradient(to right, #2e4aba, #010d3e);
@@ -923,7 +909,7 @@
color: #fff;
}
- & > div:nth-of-type(2) {
+ &>div:nth-of-type(2) {
font-size: 14px;
}
}
@@ -945,7 +931,7 @@
border: 1px solid rgba(20, 50, 123, 1);
cursor: pointer;
- & > div {
+ &>div {
height: 26px;
line-height: 26px;
}
@@ -963,6 +949,12 @@
}
}
+ .house-box {
+ flex: 1;
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
:deep(.el-table__body-wrapper) {
overflow-x: hidden !important;
}
--
Gitblit v1.9.3