修改新闻框架

src/router.js

@@ -19,12 +19,12 @@ export default new Router({
           path: 'list',
           component: () => import('@/views/info/list.vue'),
         },
-        {
-          path: 'detail',
-          component: () => import('@/views/info/detail.vue'),
-        },
       ],
     },
+    {
+      path: '/info/detail',
+      component: () => import('@/views/info/detail.vue'),
+    },
     {
       path: '/jobfair',
       component: () => import('@/views/jobfair/index.vue'),

src/views/info/detail.vue

@@ -1,36 +1,49 @@
 <template>
   <div id="index">
-    <el-row v-if="!loading">
-      <el-col :span="24">
-        <el-breadcrumb separator-class="el-icon-arrow-right">
-          <el-breadcrumb-item :to="{ path: '/' }"
-            ><i class="el-icon-s-home"></i>
-            <span style="font-size: 0.8rem;">网站首页</span>
-          </el-breadcrumb-item>
-          <el-breadcrumb-item><span style="font-size: 0.9rem;">新闻列表</span></el-breadcrumb-item>
-          <el-breadcrumb-item><span style="font-zise: 0.8rem;">新闻详情</span></el-breadcrumb-item>
-        </el-breadcrumb>
-      </el-col>
-      <!-- <el-col :span="24" align="right" style="font-size: 0.8rem;">插件</el-col> -->
-      <el-col :span="24" align="center" style="font-size: 1.5rem; padding-top: 1rem;">{{ info.title }}</el-col>
-      <el-col :span="24" align="right" class="date">
-        发布时间:{{ info.meta && info.meta.createdAt ? new Date(info.meta.createdAt).toLocaleDateString() : '' || '' }}
-        <!-- 点击人次:26125 -->
-      </el-col>
-      <el-col :span="24" style="text-align:center">
-        <el-image :src="info.picurl" style="height:60%;width:60%"></el-image>
-      </el-col>
-      <el-col :span="24" style="padding-top: 1rem;" v-html="info.content"> </el-col>
-    </el-row>
+    <recruitdetail-layout :needRight="false" v-if="!loading">
+      <template v-slot:mainInfoTop>
+        <el-row>
+          <el-col :span="24">
+            <el-breadcrumb separator-class="el-icon-arrow-right">
+              <el-breadcrumb-item :to="{ path: '/' }"
+                ><i class="el-icon-s-home"></i>
+                <span style="font-size: 0.8rem;">网站首页</span>
+              </el-breadcrumb-item>
+              <el-breadcrumb-item>
+                <span style="font-size: 0.9rem;"><el-link :underline="false" @click="$router.push({ path: '/info/list' })">新闻列表</el-link></span>
+              </el-breadcrumb-item>
+              <el-breadcrumb-item><span style="font-zise: 0.8rem;">新闻详情</span></el-breadcrumb-item>
+            </el-breadcrumb>
+          </el-col>
+        </el-row>
+      </template>
+      <template v-slot:mainLeft>
+        <el-row>
+          <!-- <el-col :span="24" align="right" style="font-size: 0.8rem;">插件</el-col> -->
+          <el-col :span="24" align="center" style="font-size: 1.5rem; padding-top: 1rem;">{{ info.title }}</el-col>
+          <el-col :span="24" align="right" class="date">
+            发布时间:{{ info.meta && info.meta.createdAt ? new Date(info.meta.createdAt).toLocaleDateString() : '' || '' }}
+            <!-- 点击人次:26125 -->
+          </el-col>
+          <el-col :span="24" style="text-align:center">
+            <el-image :src="info.picurl" style="height:60%;width:60%"></el-image>
+          </el-col>
+          <el-col :span="24" style="padding-top: 1rem;" v-html="info.content"> </el-col>
+        </el-row>
+      </template>
+    </recruitdetail-layout>
   </div>
 </template>
 
 <script>
+import recruitdetailLayout from '@/layout/recruitdetail-layout.vue';
 import { mapActions, mapState } from 'vuex';
 export default {
   name: 'index',
   props: {},
-  components: {},
+  components: {
+    recruitdetailLayout,
+  },
   data: () => ({
     info: {},
     loading: true,