|
@@ -10,13 +10,14 @@
|
|
<div class="Titles">
|
|
<div class="Titles">
|
|
<div class="leftTitle">
|
|
<div class="leftTitle">
|
|
<div class='topIcon'>
|
|
<div class='topIcon'>
|
|
- <div class="fontInfo">20.4</div>
|
|
|
|
- <div class="font">本年规划(亩)</div>
|
|
|
|
- </div>
|
|
|
|
- <div class='bottomIcon'>
|
|
|
|
<div class="fontInfo">100</div>
|
|
<div class="fontInfo">100</div>
|
|
<div class="font">地块数量(块)</div>
|
|
<div class="font">地块数量(块)</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class='bottomIcon'>
|
|
|
|
+ <div class="fontInfo">20.4</div>
|
|
|
|
+ <div class="font">投资额度(万元)</div>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div class="rightTitle">
|
|
<div class="rightTitle">
|
|
@@ -60,7 +61,7 @@
|
|
.ref000 {
|
|
.ref000 {
|
|
position: absolute;
|
|
position: absolute;
|
|
height: 100rem;
|
|
height: 100rem;
|
|
- width: 220rem;
|
|
|
|
|
|
+ width: 240rem;
|
|
right: 0;
|
|
right: 0;
|
|
top: 0;
|
|
top: 0;
|
|
text-indent: 30rem;
|
|
text-indent: 30rem;
|
|
@@ -71,53 +72,55 @@
|
|
overflow-y:auto
|
|
overflow-y:auto
|
|
}
|
|
}
|
|
.Titles{
|
|
.Titles{
|
|
- margin-top:2%
|
|
|
|
|
|
+ width: 100%;
|
|
|
|
+
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
.leftTitle {
|
|
.leftTitle {
|
|
|
|
|
|
- width: 200rem;
|
|
|
|
- display: inline-block
|
|
|
|
|
|
+ width: 170rem;
|
|
|
|
+ display: inline-block;
|
|
}
|
|
}
|
|
|
|
|
|
.topIcon {
|
|
.topIcon {
|
|
margin-top: 15rem;
|
|
margin-top: 15rem;
|
|
- margin-left: 10rem;
|
|
|
|
|
|
+
|
|
height: 44rem;
|
|
height: 44rem;
|
|
- width: 140rem;
|
|
|
|
|
|
+ width: 170rem;
|
|
background: url('@/assets/images/icon.png') no-repeat;
|
|
background: url('@/assets/images/icon.png') no-repeat;
|
|
- background-size: 35%, 100%;
|
|
|
|
|
|
+ background-size: 30%, 30%;
|
|
}
|
|
}
|
|
|
|
|
|
.bottomIcon {
|
|
.bottomIcon {
|
|
- margin-left: 10rem;
|
|
|
|
|
|
+
|
|
margin-top: 15rem;
|
|
margin-top: 15rem;
|
|
height: 44rem;
|
|
height: 44rem;
|
|
- width: 140rem;
|
|
|
|
|
|
+ width: 170rem;
|
|
background: url('@/assets/images/bottom.png') no-repeat;
|
|
background: url('@/assets/images/bottom.png') no-repeat;
|
|
- background-size: 35%, 100%;
|
|
|
|
|
|
+ background-size: 30%, 30%;
|
|
}
|
|
}
|
|
|
|
|
|
.topRightIcon {
|
|
.topRightIcon {
|
|
- margin-right: 10rem;
|
|
|
|
|
|
+
|
|
margin-top: 15rem;
|
|
margin-top: 15rem;
|
|
height: 44rem;
|
|
height: 44rem;
|
|
- width: 140rem;
|
|
|
|
|
|
+ width: 170rem;
|
|
background: url('@/assets/images/rightTop.png') no-repeat;
|
|
background: url('@/assets/images/rightTop.png') no-repeat;
|
|
- background-size: 35%, 100%;
|
|
|
|
|
|
+ background-size: 30%, 30%;
|
|
}
|
|
}
|
|
|
|
|
|
.bottomRightIcon {
|
|
.bottomRightIcon {
|
|
- margin-right: 10rem;
|
|
|
|
|
|
+
|
|
margin-top: 15rem;
|
|
margin-top: 15rem;
|
|
height: 44rem;
|
|
height: 44rem;
|
|
- width: 140rem;
|
|
|
|
|
|
+ width: 170rem;
|
|
background: url('@/assets/images/rightBottom.png') no-repeat;
|
|
background: url('@/assets/images/rightBottom.png') no-repeat;
|
|
- background-size: 35%, 100%;
|
|
|
|
|
|
+ background-size: 30%, 30%;
|
|
}
|
|
}
|
|
|
|
|
|
.rightTitle {
|
|
.rightTitle {
|
|
|
|
+ width: 170rem;
|
|
float: right;
|
|
float: right;
|
|
display: inline-block
|
|
display: inline-block
|
|
}
|
|
}
|
|
@@ -126,13 +129,14 @@
|
|
height: 60%;
|
|
height: 60%;
|
|
font-size: 24rem;
|
|
font-size: 24rem;
|
|
color: rgb(200, 250, 255);
|
|
color: rgb(200, 250, 255);
|
|
- margin-left: 50rem;
|
|
|
|
|
|
+ margin-left: 40rem;
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
.font {
|
|
.font {
|
|
- font-size: 14rem;
|
|
|
|
|
|
+ font-size: 16rem;
|
|
color: rgb(200, 250, 255);
|
|
color: rgb(200, 250, 255);
|
|
- margin-left: 50rem;
|
|
|
|
|
|
+ margin-left: 40rem;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|