From 61c7e0e749e4de2a2090a8c670c69a1eb4fe3a42 Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Wed, 28 Dec 2022 10:44:39 +0800
Subject: [PATCH] 1
---
src/views/home/components/leftContainer.vue | 53 ++++++++++-------------------------------------------
1 files changed, 10 insertions(+), 43 deletions(-)
diff --git a/src/views/home/components/leftContainer.vue b/src/views/home/components/leftContainer.vue
index 1136e3d..a2f3c40 100644
--- a/src/views/home/components/leftContainer.vue
+++ b/src/views/home/components/leftContainer.vue
@@ -13,38 +13,21 @@
</div>
</div>
<div class="sub-tab" v-show="peopletype == 0">
- <div
- class="tab3"
- :class="{ 'select-on-tab': tabType == 0 }"
- @click="personTabClick(0)"
- >
+ <div class="tab3" :class="{ 'select-on-tab': tabType == 0 }" @click="personTabClick(0)">
<div class="num">164.57万人</div>
<div class="type">户籍人口</div>
</div>
- <div
- class="tab3"
- :class="{ 'select-on-tab': tabType == 1 }"
- @click="personTabClick(1)"
- >
+ <div class="tab3" :class="{ 'select-on-tab': tabType == 1 }" @click="personTabClick(1)">
<div class="num">17.52万人</div>
<div class="type">流动人口</div>
</div>
- <div
- class="tab3"
- :class="{ 'select-on-tab': tabType == 2 }"
- @click="personTabClick(2)"
- >
+ <div class="tab3" :class="{ 'select-on-tab': tabType == 2 }" @click="personTabClick(2)">
<div class="num">91995人</div>
<div class="type">境外人口</div>
</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>
<!-- <svg viewBox="0 0 384 329" width="100%" height="100%" style="position: absolute; top: 0; left: 0;">
<defs>
@@ -65,19 +48,11 @@
<div class="house-box" style="position: relative;">
<div class="title">现有房屋</div>
<div class="sub-tab">
- <div
- class="tab"
- :class="{ 'select-on-tab': tabTypeTwo == 0 }"
- @click="houseTabClick(0)"
- >
+ <div class="tab" :class="{ 'select-on-tab': tabTypeTwo == 0 }" @click="houseTabClick(0)">
<div class="tab-title-small">实有房屋:</div>
<div class="tab-title-small">182万户</div>
</div>
- <div
- class="tab"
- :class="{ 'select-on-tab': tabTypeTwo == 1 }"
- @click="houseTabClick(1)"
- >
+ <div class="tab" :class="{ 'select-on-tab': tabTypeTwo == 1 }" @click="houseTabClick(1)">
<div class="tab-title-small">关注场所:</div>
<div class="tab-title-small">634个</div>
</div>
@@ -95,19 +70,11 @@
<div class="land-box" style="position: relative;">
<div class="title">现有地</div>
<div class="sub-tab">
- <div
- class="tab"
- :class="{ 'select-on-tab': tabTypeThree == 0 }"
- @click="landTabClick(0)"
- >
+ <div class="tab" :class="{ 'select-on-tab': tabTypeThree == 0 }" @click="landTabClick(0)">
<div class="tab-title-small">小区:</div>
<div class="tab-title-small">634个</div>
</div>
- <div
- class="tab"
- :class="{ 'select-on-tab': tabTypeThree == 1 }"
- @click="landTabClick(1)"
- >
+ <div class="tab" :class="{ 'select-on-tab': tabTypeThree == 1 }" @click="landTabClick(1)">
<div class="tab-title-small">责任区:</div>
<div class="tab-title-small">634个</div>
</div>
@@ -1041,7 +1008,7 @@
color: #fff;
}
- & > div:nth-of-type(2) {
+ &>div:nth-of-type(2) {
font-size: 14px;
}
}
@@ -1065,7 +1032,7 @@
border-radius: 8px;
cursor: pointer;
- & > div {
+ &>div {
height: 22px;
line-height: 22px;
}
--
Gitblit v1.9.3