|
|
@ -9,7 +9,7 @@
|
|
|
|
<div class="area-row">
|
|
|
|
<div class="area-row">
|
|
|
|
<div class="area-row-item">
|
|
|
|
<div class="area-row-item">
|
|
|
|
<div class="area-icon-name">
|
|
|
|
<div class="area-icon-name">
|
|
|
|
<img src="" alt="" />
|
|
|
|
<img src="@/assets/images/ui/icon_5@2x.png" alt="" />
|
|
|
|
占地面积
|
|
|
|
占地面积
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="area-data">
|
|
|
|
<div class="area-data">
|
|
|
@ -21,7 +21,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="area-row-item">
|
|
|
|
<div class="area-row-item">
|
|
|
|
<div class="area-icon-name">
|
|
|
|
<div class="area-icon-name">
|
|
|
|
<img src="" alt="" />
|
|
|
|
<img src="@/assets/images/ui/icon_6@2x.png" alt="" />
|
|
|
|
建筑总面积
|
|
|
|
建筑总面积
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="area-data">
|
|
|
|
<div class="area-data">
|
|
|
@ -33,7 +33,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="area-row-item">
|
|
|
|
<div class="area-row-item">
|
|
|
|
<div class="area-icon-name">
|
|
|
|
<div class="area-icon-name">
|
|
|
|
<img src="" alt="" />
|
|
|
|
<img src="@/assets/images/ui/icon_7@2x.png" alt="" />
|
|
|
|
住宅楼
|
|
|
|
住宅楼
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="area-data">
|
|
|
|
<div class="area-data">
|
|
|
@ -58,7 +58,11 @@
|
|
|
|
<introduceTitle title="居住情况" />
|
|
|
|
<introduceTitle title="居住情况" />
|
|
|
|
<div class="info-box flex-row">
|
|
|
|
<div class="info-box flex-row">
|
|
|
|
<div class="flex-row-item">
|
|
|
|
<div class="flex-row-item">
|
|
|
|
<img src="" alt="" class="row-item-icon" />
|
|
|
|
<img
|
|
|
|
|
|
|
|
src="@/assets/images/ui/icon_1@2x.png"
|
|
|
|
|
|
|
|
alt=""
|
|
|
|
|
|
|
|
class="row-item-icon"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row-item-data">
|
|
|
|
<div class="row-item-data">
|
|
|
|
<div class="row-item-name">小区总人口</div>
|
|
|
|
<div class="row-item-name">小区总人口</div>
|
|
|
@ -69,7 +73,11 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="flex-row-item">
|
|
|
|
<div class="flex-row-item">
|
|
|
|
<img src="" alt="" class="row-item-icon" />
|
|
|
|
<img
|
|
|
|
|
|
|
|
src="@/assets/images/ui/icon_2@2x.png"
|
|
|
|
|
|
|
|
alt=""
|
|
|
|
|
|
|
|
class="row-item-icon"
|
|
|
|
|
|
|
|
/>
|
|
|
|
<div class="row-item-data">
|
|
|
|
<div class="row-item-data">
|
|
|
|
<div class="row-item-name">暂住人口</div>
|
|
|
|
<div class="row-item-name">暂住人口</div>
|
|
|
|
<div class="row-item-value">
|
|
|
|
<div class="row-item-value">
|
|
|
@ -79,7 +87,11 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="flex-row-item">
|
|
|
|
<div class="flex-row-item">
|
|
|
|
<img src="" alt="" class="row-item-icon" />
|
|
|
|
<img
|
|
|
|
|
|
|
|
src="@/assets/images/ui/icon_3@2x.png"
|
|
|
|
|
|
|
|
alt=""
|
|
|
|
|
|
|
|
class="row-item-icon"
|
|
|
|
|
|
|
|
/>
|
|
|
|
<div class="row-item-data">
|
|
|
|
<div class="row-item-data">
|
|
|
|
<div class="row-item-name">常住人口</div>
|
|
|
|
<div class="row-item-name">常住人口</div>
|
|
|
|
<div class="row-item-value">
|
|
|
|
<div class="row-item-value">
|
|
|
@ -96,7 +108,11 @@
|
|
|
|
<div class="describe-text">
|
|
|
|
<div class="describe-text">
|
|
|
|
{{ xiaoquIntroduce.intro.wuye | filterData }}
|
|
|
|
{{ xiaoquIntroduce.intro.wuye | filterData }}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<img src="" alt="" class="describe-icon" />
|
|
|
|
<img
|
|
|
|
|
|
|
|
src="@/assets/images/ui/icon_4@2x.png"
|
|
|
|
|
|
|
|
alt=""
|
|
|
|
|
|
|
|
class="describe-icon"
|
|
|
|
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
@ -217,16 +233,16 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
& > div:first-child {
|
|
|
|
& > div:first-child {
|
|
|
|
height: 27%;
|
|
|
|
height: 28%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
& > div:nth-child(2) {
|
|
|
|
& > div:nth-child(2) {
|
|
|
|
height: 22%;
|
|
|
|
height: 23%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
& > div:nth-child(3) {
|
|
|
|
& > div:nth-child(3) {
|
|
|
|
height: 15%;
|
|
|
|
height: 16%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
& > div:last-child {
|
|
|
|
& > div:last-child {
|
|
|
|
height: 36%;
|
|
|
|
height: 33%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.describe-text {
|
|
|
|
.describe-text {
|
|
|
|
font-size: 14px;
|
|
|
|
font-size: 14px;
|
|
|
@ -245,4 +261,20 @@ export default {
|
|
|
|
font-weight: 400;
|
|
|
|
font-weight: 400;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*全局滚动条样式*/
|
|
|
|
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
|
|
|
|
width: 3px;
|
|
|
|
|
|
|
|
height: 3px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
|
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
|
|
|
height: 10px;
|
|
|
|
|
|
|
|
width: 1px;
|
|
|
|
|
|
|
|
background: rgba(255, 255, 255, 0.5);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
::-webkit-scrollbar-track {
|
|
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|