UI

src/assets/styles/base.scss

@@ -347,6 +347,12 @@ div::-webkit-scrollbar {
 	padding-bottom:.3rem !important;
 }
 
+// 不换行
+
+.nowrap{
+    flex-wrap: nowrap !important;
+}
+
 .d-tit {
 	display: flex;
 	align-items: center;
@@ -1310,6 +1316,11 @@ div::-webkit-scrollbar {
 						}
 					}
 				}
+				.bgt-img{
+					img{
+						margin-right: .5rem;
+					}
+				}
 				
 			
 

src/views/forest.vue

@@ -151,7 +151,7 @@
 								<dv-decoration-3 style="width:150px;height:15px;margin-right: 1rem;" />
 							</div>
 							<div class="i-list-con small-bottom-margin h-18">
-								<div class="d-l-con padding-box" v-for="(item,index) in 5">
+								<div class="d-l-con padding-box nowrap" v-for="(item,index) in 5">
 									<div class="bgt-state">
 										<div class="bgt-state-frequency">3</div>
 										<div class="bgt-state-minute">3分钟</div>
@@ -186,17 +186,15 @@
 									    v-model="eventSearch">
 									</el-input>
 								</div>
-								<div class="d-l-con padding-box" v-for="(item,index) in 5">
-									<div class="bgt-state">
+								<div class="d-l-con padding-box nowrap" v-for="(item,index) in 5">
+									<div class="bgt-img">
 										<img src="../assets/images/integrated/event-img-sub.png" />
 									</div>
 									<div class="bgt-info">
-										<div class="bgt-info-name">四平-梨树-三塔分场</div>
+										<div class="bgt-info-name">王某某</div>
 										<div class="bgt-info-place">
 											<ul>
-												<li>四海乡</li>
-												<li>郭家店</li>
-												<li>梨树</li>
+												<li>2022-08-21 08:552022-08-21 08:552022-08-21 08:552022-08-21 08:552022-08-21 08:55</li>
 											</ul>
 										</div>
 									</div>