Browse Source

no message

Administrator 2 years ago
parent
commit
6e1246f9cd
2 changed files with 33 additions and 26 deletions
  1. 27 23
      src/views/Table/components/BasicInfor.vue
  2. 6 3
      src/views/Table/components/TianluEngin.vue

+ 27 - 23
src/views/Table/components/BasicInfor.vue

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

+ 6 - 3
src/views/Table/components/TianluEngin.vue

@@ -337,7 +337,7 @@
 		background-size: 100% 100%;
 		display: inline-block;
 		margin-top: 40rem;
-		margin-right: 400rem;
+		margin-right: 200rem;
 		position: absolute;
 	}
 	.fonts{
@@ -355,16 +355,18 @@
 	.text {
 		margin-top: 10rem;
 		height: 170rem;
-		width: 165rem;
-		margin-left: 150rem;
+		width: 200rem;
+		margin-left: 130rem;
 		display: inline-block;
 		position: relative;
 	}
 
 	.left {
+		
 		width: 50%;
 		float: left;
 		
+		
 
 	}
 
@@ -381,6 +383,7 @@
 	}
 
 	.right {
+		
 		width: 50%;
 		float: right;
 	}