新闻资讯样式第二版

src/assets/css/cus-client/cus-client-common.scss

@@ -186,6 +186,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 /* 网站通用按钮 */
 .client-default-Btn{display: block;@include setFontStyle(-4);background: #2B5CFD;color: rgba(255, 255, 255, 0.85);border-radius: 4px;transition: .3s all linear;text-align: center;}
 .client-default-Btn:hover{background: #2249C9;cursor: pointer;}
+
 /* 网站底部footer */
 .client-footer{
   background: #1E2534;
@@ -226,6 +227,9 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
   h5{@include setFontStyle(-8);color: #B8B8B8;text-align: center;padding: 16px 0 24px;}
 }
 
+/* 网站分页 */
+.client-el-pagination{text-align: center;margin-top: 36px}
+
 /* 网站通用详情页布局 */
 .client-details-page{
   background: #f9faff;

src/assets/css/cus-client/cus-client-page.scss

@@ -270,6 +270,7 @@
     .client-chose-box{
       padding-bottom: 80px;
       .chose-img-box{
+        margin: 0 -70px;
         li{
           width: 25%;display: inline-block;
           div{width: 190px;height: 190px;border-radius:50%;position:relative;margin: 48px auto 24px;transition: all 0.3s;background-size: cover}
@@ -481,11 +482,12 @@
     }*/
     // 页面主要内容区域
     .newsInfor-content-box{
+      min-height: 304px;
       padding: 80px 0;
       ul{display: inline-block;vertical-align: top}
       // 菜单 ul
       .newsInfor-menu-ul{
-        li{width: 200px;height: 64px;line-height: 64px;@include setFontStyle(0);color: rgba(0,0,0,0.64);text-align: left;padding: 0;padding-left: 24px;border-bottom: 1px solid rgba(52, 99, 253, 0.08);}
+        li{width: 200px;height: 64px;line-height: 64px;@include setFontStyle(0);color: rgba(0,0,0,0.64);text-align: left;padding: 0;padding-left: 24px;border-bottom: 1px solid rgba(52, 99, 253, 0.08);@include single-line-ellipsis;cursor: pointer}
         li:before{content: "";width:8px;height:8px;display: inline-block;background-image: url("~@/assets/images/client/newsInfor/" + "newsInfor-tab-unSelect.svg");margin-right: 16px;
           vertical-align: middle;}
         li.active{color: #2B5CFD;background-image: linear-gradient(270deg, #FFFFFF 0%, #F4F6FF 100%);}

src/views/client/Index.vue

@@ -223,12 +223,13 @@
         props:      {},
         data() {
             return {
-                // 需求img
+                // 认识我们 link-img
                 bannerTelImg:  require(`@/assets/images/client/index/index-banner-screen.png`),
                 linkImg1:      require(`@/assets/images/client/index/index-link-img1.svg`),
                 linkImg2:      require(`@/assets/images/client/index/index-link-img2.svg`),
                 linkImg3:      require(`@/assets/images/client/index/index-link-img3.svg`),
                 linkImg4:      require(`@/assets/images/client/index/index-link-img4.svg`),
+                // 需求img
                 demandImg1:    require(`@/assets/images/client/index/index-demand-img1.png`),
                 demandImg2:    require(`@/assets/images/client/index/index-demand-img2.png`),
                 demandImg3:    require(`@/assets/images/client/index/index-demand-img3.png`),

src/views/client/newsInfor.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="client-newsInfor-page">
         <!-- 新闻资讯banner栏 -->
-        <!-- <div class="newsInfor-banner"></div>-->
+         <div class="newsInfor-banner"></div>
 
         <!-- 新闻资讯 -->
         <div class="client-container newsInfor-content-box">
@@ -20,7 +20,7 @@
                     </div>
                 </li>
             </ul >
-            <div>
+            <div class="client-el-pagination">
                 <el-pagination
                         background
                         layout="prev, pager, next"
@@ -109,9 +109,3 @@
         },
     };
 </script>
-<style>
-    .newsInfor-content-ul {
-        height:     620px;
-        overflow-y: auto;
-    }
-</style>