诚祥网站开发

pages/news/_id.vue

@@ -1,11 +1,10 @@
 <template>
   <div class="client-details-page">
-
+    <div :style="{backgroundImage: 'url(' + bannerDefault + ')'}" class="client-banner-box"></div>
     <!-- 详情页 -->
     <div class="client-details-box">
-
+      <div class="client-container">
       <!--行业资讯详情-->
-      <div class="client-details-wrap">
         <h1>{{infoData.title}}</h1>
         <p class="details-visits-box"><i></i><span>{{infoData.createDate}}</span>
         </p>
@@ -13,11 +12,9 @@
         <div class="client-details-pagination">
           <a v-show="infoData.lastId" :href="`${baseUrl}/news/${infoData.lastId}`">
             <span class="mta-hidden-xs" @click.prevent="changeNews(infoData.lastId)" :title="'上一篇：'+infoData.lastTitle">上一篇：{{infoData.lastTitle}}</span>
-            <span class="mta-hidden-sm details-phone-btn" @click.prevent="changeNews(infoData.lastId)">上一篇</span>
           </a>
           <a v-show="infoData.nextId" :href="`${baseUrl}/news/${infoData.nextId}`">
             <span class="mta-hidden-xs" @click.prevent="changeNews(infoData.nextId)" :title="'下一篇：'+infoData.nextTitle">下一篇：{{infoData.nextTitle}}</span>
-            <span class="mta-hidden-sm details-phone-btn" @click.prevent="changeNews(infoData.lastId)">下一篇</span>
           </a>
         </div>
       </div>
@@ -51,6 +48,7 @@
     },
     head(){
       return {
+
         // title: this.infoData.title,
         // meta: [
         //   {
@@ -67,6 +65,12 @@
       },
       ...mapGetters(['getBaseUrl']),
     },
+    data() {
+      return {
+        // banner图
+        bannerDefault:   require(`~/static/images/website/banner/cx-banner-xwzx.png`),
+      }
+    },
     methods:  {
       changeNews(id) {
         this.$router.push({ name: 'news-id', params: { id } });