新闻详情页

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

@@ -236,7 +236,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
   }
   //友情链接区域
   .link-box{
-    border: 1px solid  #333B4C;
+    border-top: 1px solid  #333B4C;
     border-right: 0;
     border-left: 0;
     padding: 32px 0;
@@ -249,7 +249,7 @@ 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;}
+  h5{@include setFontStyle(-8);color: #B8B8B8;text-align: center;padding: 16px 0 24px;border-top: 1px solid  #333B4C;}
 }
 
 /* 网站分页 */
@@ -259,6 +259,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 .client-details-page{
   background: #f9faff;
   width: 100%;
+  padding: 24px 0;
   // 时间人数
   .details-visits-box{
     margin-bottom: 16px;
@@ -270,7 +271,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
   //行业资讯详情外层box
   .client-details-box{
     width: 1200px;
-    margin: 24px auto;
+    margin: 0 auto;
     padding: 24px;
     box-sizing: border-box;
     background: #FFFFFF;
@@ -287,7 +288,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
     >h1{@include setFontStyle(-2);color: rgba(0,0,0,0.85);margin-bottom: 16px;}
     //内容区域
     .client-content-box{
-      min-height: 378px;
+      height: calc(100vh - 517px);
       line-height: 24px;
       color: rgba(0,0,0,0.64);
       @include setFontStyle(-6);
@@ -297,9 +298,9 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
     }
     // 上一篇下一篇
     .client-details-pagination{
-      span{max-width: 45%;float: left;@include setFontStyle(-4);color: rgba(43,92,253,0.85);display: inline-block;@include single-line-ellipsis;}
-      span:last-child{margin-left: 10%;float: right;}
-      span:hover{color: #1648EE;cursor: pointer}
+      a{max-width: 45%;float: left;@include setFontStyle(-4);color: rgba(43,92,253,0.85);display: inline-block;@include single-line-ellipsis;}
+      a:last-child{margin-left: 10%;float: right;}
+      a:hover{color: #1648EE;cursor: pointer}
     }
   }
 
@@ -312,7 +313,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
     h4{@include setFontStyle(-4);color: rgba(0,0,0,0.85);margin-bottom: 16px;}
     .latest-news-list{
       li{margin-bottom: 24px}
-      a{@include setFontStyle(-4);display:inline-block;color: rgba(43,92,253,0.65);margin-bottom: 8px;@include single-line-ellipsis;}
+      a{width: 100%;@include setFontStyle(-4);display:inline-block;color: rgba(43,92,253,0.65);margin-bottom: 8px;@include single-line-ellipsis;}
       a:hover{color: rgba(43,92,253,0.85);cursor: pointer}
     }
   }
@@ -366,10 +367,10 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
   .el-carousel__arrow{width: 50px;height: 50px;background-color: rgba(43, 92, 253, 0.22);@include setFontStyle(16);color: rgba(255,255,255,0.8);}
 
   // 左箭头
-  .el-carousel__arrow--left{left:-190px;}
+  .el-carousel__arrow--left{left:-200px;}
 
   // 右箭头
-  .el-carousel__arrow--right{right:-190px;}
+  .el-carousel__arrow--right{right:-200px;}
 
   // 指示器
   .el-carousel__indicators{display: none}

pages/news/_id.vue

@@ -12,10 +12,10 @@
         <div class="client-content-box" v-html="infoData.content"></div>
         <div class="client-details-pagination">
           <a v-show="infoData.lastId" :href="`${baseUrl}/news/${infoData.lastId}`">
-            <span @click.prevent="changeNews(infoData.lastId)">上一篇：{{infoData.lastName}}</span>
+            <span @click.prevent="changeNews(infoData.lastId)" :title="'上一篇：'+infoData.lastName">上一篇：{{infoData.lastName}}</span>
           </a>
           <a v-show="infoData.nextId" :href="`${baseUrl}/news/${infoData.nextId}`">
-            <span @click.prevent="changeNews(infoData.nextId)">下一篇：{{infoData.nextName}}</span>
+            <span @click.prevent="changeNews(infoData.nextId)" :title="'下一篇：'+infoData.nextName">下一篇：{{infoData.nextName}}</span>
           </a>
         </div>
       </div>
@@ -26,7 +26,7 @@
         <ul class="latest-news-list">
           <li v-for="(item, index) in newestData" :key="index">
             <a :href="`${baseUrl}/news/${item.iiId}`">
-              <span @click.prevent="changeNews(item.iiId)">{{item.title}}</span>
+              <span @click.prevent="changeNews(item.iiId)" :title="item.title">{{item.title}}</span>
             </a>
             <p class="details-visits-box"><i></i><span>{{item.startTime}}</span><i type="visits"></i><span>{{item.visits}}</span>
             </p>