whao 2 years ago
parent
commit
e673bfc3bc
3 changed files with 16 additions and 7 deletions
  1. 6 0
      src/assets/styles/base.scss
  2. 3 0
      src/views/date.vue
  3. 7 7
      src/views/forest.vue

+ 6 - 0
src/assets/styles/base.scss

@@ -253,6 +253,12 @@ div::-webkit-scrollbar {
 .h-29-5{
 		height: 29.5vh;
 }
+.h-30{
+		height: 30vh;
+}
+.h-31{
+		height: 31vh;
+}
 
 .h-35 {
 		height: 34vh;

+ 3 - 0
src/views/date.vue

@@ -573,10 +573,13 @@
 		//   }
 		// }
 		.date-what{
+			width: 100%;
 			color: $inBlue;
 			display: flex;
 			align-items: center;
 			padding:.4rem 1rem ;
+			position: absolute;
+			bottom: 0;
 			justify-content: space-between;
 			.d-w-info{
 				display: flex;

+ 7 - 7
src/views/forest.vue

@@ -224,35 +224,35 @@
 				<div class="right-item2">
 					<!-- 日历 -->
 					<div class="forthis">
-						<dv-border-box-13>
+						<dv-border-box-13 style="padding-bottom: 1rem;">
 							<img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;" />
-							<div class="i-list-con small-bottom-margin h-28">
+							<div class="i-list-con small-bottom-margin h-30">
 								<dateChoose></dateChoose>
 							</div>
 						</dv-border-box-13>
 					</div>
 					<!-- 事件分类 -->
 					<div class="forthis">
-						<dv-border-box-13>
+						<dv-border-box-13 style="padding-bottom: 1rem;">
 							<img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;" />
 							<div class="this-title">
 								<span>事件分类</span>
 								<dv-decoration-3 style="width:150px;height:15px;margin-right: 1rem;" />
 							</div>
-							<div class="i-list-con small-bottom-margin h-23">
-								<dv-capsule-chart :config="eventKind" style="width: 90%;height: 21vh; padding:.5rem 1rem" />
+							<div class="i-list-con small-bottom-margin h-19">
+								<dv-capsule-chart :config="eventKind" style="width: 90%;height: 18vh; padding:.5rem 1rem" />
 							</div>
 						</dv-border-box-13>
 					</div>
 					<!-- 上报排行 -->
 					<div class="forthis">
-						<dv-border-box-13>
+						<dv-border-box-13 style="padding-bottom: 1rem;">
 							<img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;" />
 							<div class="this-title">
 								<span>上报排行</span>
 								<dv-decoration-3 style="width:150px;height:15px;margin-right: 1rem;" />
 							</div>
-							<div class="i-list-con small-bottom-margin h-23">
+							<div class="i-list-con small-bottom-margin h-19">
 								<dv-scroll-ranking-board :config="reportList" style="width: 100%;height: 20vh; padding:.5rem 1rem" />
 							</div>
 						</dv-border-box-13>