fix

src/components/tag/index.vue

@@ -2,7 +2,7 @@
  * @Author: WangQiBiao
  * @Date: 2019-09-25 17:20:35
  * @LastEditors: MoZhuangRu
- * @LastEditTime: 2020-01-14 10:23:41
+ * @LastEditTime: 2020-03-18 15:52:01
  * @Description: tag
  -->
 <template>
@@ -28,7 +28,7 @@ export default {
   padding: halfH(2) halfW(4);
   border-radius:halfH(2);
   font-size: halfH(12);
-  margin-right: halfW(8);
+  // margin-right: halfW(8);
   color: $tag-time-txt;
   background:#333;
   // 默认|时间

src/views/index/components/communication/index.scss

@@ -27,7 +27,7 @@
     margin: 0 halfH(20);
   }
   .list{
-    padding: halfH(12) halfH(20) 0;
+    padding: halfH(12) halfH(12) 0;
     overflow: hidden;
     height: halfH(200);
     .list-item{
@@ -38,8 +38,14 @@
       // backface-visibility: hidden;
       // animation-fill-mode: forwards;
       .list-item-txt{
+        padding-left: 10px;
         font-size: halfH(14);
         color: $tag-house-txt;
+        display: inline-block;
+        max-width: 80%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
       .list-item-lr{
         flex: 1;

src/views/index/components/communication/index.vue

@@ -2,7 +2,7 @@
  * @Author: WangQiBiao
  * @Date: 2019-09-25 14:10:08
  * @LastEditors: MoZhuangRu
- * @LastEditTime: 2020-01-17 14:14:02
+ * @LastEditTime: 2020-03-18 15:40:00
  * @Description: 在线沟通
  -->
 <template>

src/views/index/components/entrance-guard/index.scss

@@ -45,8 +45,14 @@
       // -webkit-backface-visibility: hidden;
       // -webkit-animation-fill-mode: forwards;
       .list-item-txt{
+        padding-left: 10px;
         font-size: halfH(14);
         color: $tag-house-txt;
+        display: inline-block;
+        max-width: 80%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
       .list-item-lr{
         flex: 1;

src/views/index/components/parking/index.scss

@@ -42,8 +42,14 @@
       // backface-visibility: hidden;
       // animation-fill-mode: forwards;
       .list-item-txt{
+        padding-left: 10px;
         font-size: halfH(14);
         color: $tag-house-txt;
+        display: inline-block;
+        max-width: 80%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
       .list-item-lr{
         flex: 1;

src/views/index/components/record/index.scss

@@ -3,7 +3,7 @@
 
 .record{
   color: #fff;
-  padding-top: halfH(20);
+  padding-top: halfH(10);
   .list{
     display: flex;
     align-items: center;

src/views/index/index.scss

@@ -1,6 +1,11 @@
 @import "@/assets/css/function.scss";
 @import "@/assets/css/mixin.scss";
 .index{
+  .main{
+    position: relative;
+    height: halfH(1080 - 60);
+    overflow: hidden;
+  }
   .index-body{
     width: 100vw;
     display: flex;

src/views/index/index.vue

@@ -1,33 +1,35 @@
 <!--
  * @Author: WangQiBiao
  * @Date: 2019-09-24 18:06:33
- * @LastEditors: WangQiBiao
- * @LastEditTime: 2019-09-26 14:12:29
+ * @LastEditors: MoZhuangRu
+ * @LastEditTime: 2020-02-21 10:09:59
  * @Description: 首页
  -->
 <template>
   <div class="index">
     <TitleCom/>
-    <StatisticalCom/>
-    <div class="index-body">
-      <div class="index-body-lf">
-        <div class="ibl-item">
-          <EntranceGuardCom/>
+    <div class="main">
+      <StatisticalCom/>
+      <div class="index-body">
+        <div class="index-body-lf">
+          <div class="ibl-item">
+            <EntranceGuardCom/>
+          </div>
+          <div class="ibl-item">
+            <ParkingCom/>
+          </div>
         </div>
-        <div class="ibl-item">
-          <ParkingCom/>
+        <div class="index-body-cent">
+          <PaidInCom/>
+          <RecordCom/>
         </div>
-      </div>
-      <div class="index-body-cent">
-        <PaidInCom/>
-        <RecordCom/>
-      </div>
-      <div class="index-body-lr">
-        <div class="ibl-item">
-          <CommunicationCom/>
-        </div>
-        <div class="ibl-item">
-          <RepairCom/>
+        <div class="index-body-lr">
+          <div class="ibl-item">
+            <CommunicationCom/>
+          </div>
+          <div class="ibl-item">
+            <RepairCom/>
+          </div>
         </div>
       </div>
     </div>