修改首页H5下标题超宽显示省略号

src/assets/css/_mixin.scss

@@ -334,9 +334,7 @@
 
 // 超宽显示省略号
 @mixin ellipsis {
-	@media screen and (min-width: 992px){
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;	
-	}	
 }
\ No newline at end of file

src/views/Home/comps/list.vue

 <template>
   <div class="list">
     <div v-for="(tmp, i) in list" :key="i" class="row" @click="handelMsg">
-      <div class="col-lg-10 list-left">
+      <div class="col-9 col-lg-10 list-left">
         <span></span>
-        <span>{{tmp.title}}</span>
+        <span :title="tmp.title">{{tmp.title}}</span>
       </div>
-      <div class="col-lg-2 list-right">{{tmp.time}}</div>
+      <div class="col-3 col-lg-2 list-right">{{tmp.time}}</div>
     </div>
     <div class="row">
       <div class="col">

src/views/Home/comps/list2.vue

@@ -3,7 +3,7 @@
     <div v-for="(tmp, i) in list" :key="i" class="row" @click="handelMsg">
       <div class="col li">
         <span></span>
-        <span>{{tmp.title}}</span>
+        <span :title="tmp.title">{{tmp.title}}</span>
       </div>
     </div>
   </div>

src/views/Home/comps/other-list.vue

@@ -3,7 +3,7 @@
     <div v-for="(tmp, i) in list" :key="i" class="row" @click="handelMsg">
       <div class="col li">
         <span></span>
-        <span>{{tmp.name}}</span>
+        <span :title="tmp.name">{{tmp.name}}</span>
       </div>
     </div>
   </div>

src/views/Home/comps/yyly-list.vue

@@ -3,7 +3,7 @@
     <div v-for="(tmp, i) in list" :key="i" class="row" @click="handelMsg">
       <div class="col li">
         <span></span>
-        <span>{{tmp.name}}</span>
+        <span :title="tmp.name">{{tmp.name}}</span>
       </div>
     </div>
   </div>

src/views/Home/index.vue

@@ -118,7 +118,6 @@
     </div>
     <!-- 业务大厅、定制服务 -->
     <div class="container">
-      <div class="padding30">
       <div class="row">
         <div class="col-lg-6">
           <div class="ywdt">
@@ -342,7 +341,6 @@
         </div>
       </div>
     </div>
-    </div>
     <!-- 商品全球身份证 -->
     <div class="spqqsfz">
       <div class="container">
@@ -1165,8 +1163,7 @@ export default {
     &.slick-prev {
       left: 0;
       &::before {
-        background: url("../../assets/image/home/prevArrow-hover.png")
-          no-repeat;
+        background: url("../../assets/image/home/prevArrow-hover.png") no-repeat;
         background-size: 100% 100%;
         content: "";
       }
@@ -1183,8 +1180,7 @@ export default {
       display: flex;
       justify-content: flex-end;
       &::before {
-        background: url("../../assets/image/home/nextArrow-hover.png")
-          no-repeat;
+        background: url("../../assets/image/home/nextArrow-hover.png") no-repeat;
         background-size: 100% 100%;
         content: "";
       }
@@ -1325,6 +1321,9 @@ export default {
       }
     }
   }
+  .cate {
+    margin: 30px 0;
+  }
   .ywzxdfgj {
     padding: 30px 0;
   }
@@ -1339,17 +1338,25 @@ export default {
   .newsBanner {
     width: 90.5%;
     height: 431px !important;
+    .newsBannerB {
+      .newsBanner-title {
+        font-size: 18px;
+      }
+    }
   }
   .home-bottom-cont {
     > div {
       width: 24.4%;
     }
   }
+  .spqqsfz {
+    margin-top: 30px;
     .spqqsfz-cont-left {
       .spqqsfz-cont-left-tp {
         position: absolute;
       }
     }
+  }
 }
 @media screen and (max-width: 992px) {
   .banner {
@@ -1358,6 +1365,16 @@ export default {
       line-height: 30px;
     }
   }
+  .newsBanner {
+    .newsBannerB {
+      .newsBanner-title {
+        font-size: 13px;
+      }
+    }
+  }
+  .cate {
+    margin: 20px 0;
+  }
   .dzfwDialog-width {
     width: 140px;
     margin: 0 auto;
@@ -1367,6 +1384,7 @@ export default {
     width: 120px;
   }
   .spqqsfz {
+    margin-top: 20px;
     .spqqsfz-cont-right {
       background: #e25020 !important;
     }
@@ -1387,7 +1405,7 @@ export default {
     .banner-item {
       height: 100%;
       position: relative;
-      .banner-tp{
+      .banner-tp {
         position: absolute;
         top: 0;
         left: 0;
@@ -1415,7 +1433,7 @@ export default {
           height: 37px;
           display: flex;
           align-items: center;
-          background: #0E2C6B;
+          background: #0e2c6b;
           border-radius: 4px;
           font-size: 16px;
           color: #ffffff;
@@ -1424,19 +1442,19 @@ export default {
             margin-left: 18px;
           }
           &:hover {
-            background: #061A4D;
+            background: #061a4d;
             img {
               right: 17px;
             }
           }
           &:focus {
-            background: #0E2C6B;
+            background: #0e2c6b;
             img {
               right: 20px;
             }
           }
           &:active {
-            background: #061A4D;
+            background: #061a4d;
             img {
               right: 17px;
             }
@@ -1461,12 +1479,6 @@ export default {
   .padding18 {
     padding: 18px 0;
   }
-  .padding40 {
-    padding: 40px 0;
-  }
-  .padding30 {
-    padding: 30px 0;
-  }
   .marginTop10 {
     margin-top: 10px;
   }
@@ -1495,13 +1507,12 @@ export default {
       display: flex;
       align-items: center;
       .newsBanner-title {
-        font-size: 18px;
-        height: 100%;
+        height: 50px;
+        width: 100%;
+        text-align: center;
+        line-height: 50px;
         color: rgba(255, 255, 255, 1);
-        display: flex;
-        align-items: center;
-        flex: 1;
-        justify-content: center;
+        @include ellipsis;
       }
     }
   }
@@ -1564,7 +1575,6 @@ export default {
   .cate {
     color: #0e2c6b;
     font-size: 18px;
-    margin-bottom: 30px;
     font-weight: 600;
     // font-family: PingFangSC-Medium, PingFang SC;
   }
@@ -1805,7 +1815,7 @@ export default {
               height: 41px;
               display: flex;
               align-items: center;
-              background: #0E2C6B;
+              background: #0e2c6b;
               border-radius: 4px;
               color: #fff;
               font-size: 18px;
@@ -1814,19 +1824,19 @@ export default {
                 margin-left: 18px;
               }
               &:hover {
-                background: #061A4D;
+                background: #061a4d;
                 img {
                   right: 17px;
                 }
               }
               &:active {
-                background: #061A4D;
+                background: #061a4d;
                 img {
                   right: 17px;
                 }
               }
               &:focus {
-                background: #0E2C6B;
+                background: #0e2c6b;
                 img {
                   right: 20px;
                 }

src/views/Org/Branch.vue

@@ -91,6 +91,7 @@ export default {
             "吉林分中心",
             "长春分中心",
             "黑龙江分中心",
+            "哈尔滨分中心",
           ],
         },
         {