update1

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

@@ -493,9 +493,9 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
     vertical-align: top;
     h4{@include setFontStyle(-4);color: rgba(0,0,0,0.85);margin-bottom: 16px;}
     .latest-news-list{
-      li{margin-bottom: 24px}
-      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}
+      li{margin-bottom: 8px}
+      a{width: 100%;@include setFontStyle(-4);display:inline-block;color: #333;@include single-line-ellipsis;}
+      a:hover{color: #00b96b;cursor: pointer}
     }
     // 时间人数
     .details-visits-box span{margin-right: 24px;}

pages/news/_id.vue

@@ -7,7 +7,7 @@
       <!--行业资讯详情-->
       <div class="client-details-wrap">
         <h1>{{infoData.title}}</h1>
-        <p class="details-visits-box"><i></i><span>{{infoData.startTime}}</span><i type="visits"></i><span>{{infoData.visits}}</span>
+        <p class="details-visits-box"><span style="margin-right:10px;">发布时间：</span><span>{{infoData.startTime}}</span><i type="eyes"></i><span>{{infoData.visits}}</span>
         </p>
         <div class="client-content-box" v-html="infoData.content"></div>
         <!--    关键字    -->
@@ -29,14 +29,12 @@
 
       <!-- 最新新闻 -->
       <div class="latest-news-box mta-hidden-xs">
-        <h4>最新新闻</h4>
+        <h4>近期推荐</h4>
         <ul class="latest-news-list">
           <li v-for="(item, index) in newestData" :key="index">
             <a :href="`${baseUrl}/news/${item.code}`">
-              <span @click.prevent="changeNews(item.code)" :title="item.title">{{item.title}}</span>
+             <span> {{changeDate(item.startTime)}} </span> <span @click.prevent="changeNews(item.code)" :title="item.title">{{item.title}}</span>
             </a>
-            <p class="details-visits-box"><i></i><span>{{item.startTime}}</span><i type="visits"></i><span style="margin-right: 0">{{item.visits}}</span>
-            </p>
           </li>
         </ul>
       </div>
@@ -93,6 +91,11 @@
       ...mapGetters(['getBaseUrl']),
     },
     methods:  {
+      changeDate(myDate) {
+        const result = new Date(myDate);
+
+        return `${result.getMonth()+1}-${result.getDate()}`
+      },
       changeNews(id) {
         this.$router.push({ name: 'news-id', params: { id } });
       },
@@ -118,5 +121,28 @@
     font-weight: 400;
     font-size: 14px;
   }
+
+}
+
+.client-details-page div.latest-news-box {
+  h4 {
+    border-left: 3px solid #00b96b;
+    padding-left: 10px;
+  }
+}
+
+i[type='eyes'] {
+  background-image: url("~static/gangweiIcon/z147.png");
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.client-details-page .client-details-wrap .client-details-pagination a {
+  color: #333;
+
+  &:hover {
+    color: #00b96b;
+  }
 }
 </style>