基本信息UI完善

src/app/pages/left-domain/left-domain.component.html

@@ -1,7 +1,21 @@
 <div class="childContent">
 
   <div class="childCenter">
-
+    <!-- 基本信息 -->
+    <div class="baseInfo" *ngIf="beforeFence === 0">
+      <div class="interval">
+        <p class="title">北京市第十九加油站<button class="titleBotton">自营</button></p>
+        <p class="text"><img src="../../../assets/images/baseInfo/position.png" class="textIcon">北京市朝阳区朝外大街关东店33号</p>
+        <p class="text"><img src="../../../assets/images/baseInfo/building.png" class="textIcon">山东省淄博市</p>
+        <p class="text"><img src="../../../assets/images/baseInfo/date.png" class="textIcon">2020.7.26开业</p>
+        <p class="text"><img src="../../../assets/images/baseInfo/road.png" class="textIcon">4车道</p>
+      </div>
+      <div class="interval">
+        <p class="title">营业执照</p>
+        <p class="textImage"><img src="../../../assets/images/upload.png"></p>
+      </div>
+    </div>
+    <!-- 基本信息 -->
   </div>
 
   <div class="childBottom" *ngIf="beforeFence === 0">

src/app/pages/left-domain/left-domain.component.scss

@@ -5,11 +5,11 @@
   display: flex;
   flex-direction: column;
   font-family: Source Han Sans CN;
+  font-weight: 400;
   color: #fff;
   .childCenter{
     flex: 1;
-    overflow-x: hidden;
-    overflow-y: auto;
+    overflow: hidden;
   }
   .childBottom{
     width: 100%;
@@ -31,4 +31,18 @@
       .anticon{ margin-right: 3px; } //字体图标
     }
   }
+}
+
+.interval{ margin-top: 10px; border-bottom: 1px solid rgb(197, 226, 245); }
+.baseInfo{
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+  padding: 0 10px;
+  p{ height: 20px; line-height: 20px; padding-left: 10px; }
+  .title{ font-size: 16px; margin-bottom: 20px; }
+  .titleBotton{ background: #2399FF; border-radius: 3px; height: 20px; line-height: 20px; font-size: 12px; margin-left: 5px; padding: 0 5px; border: none; outline: none; }
+  .text{ font-size: 14px; margin-bottom: 15px; }
+  .textIcon{ width: 20px; height: 20px; vertical-align: top; margin-right: 5px; }
+  .textImage{ margin-bottom: 15px; height: auto; line-height: normal; img{ width: auto; height: 130px; } }
 }