修改首页轮播跳转

src/router/index.js

@@ -26,6 +26,14 @@ const routes = [
           title: '政策咨询'
         }
       },
+      {
+        path: 'policyadvice/bannerdetails',
+        name: 'BannerDetailsIndex',
+        component: () => import('@/views/PolicyAdvice/BannerDetails/BannerDetailsIndex.vue'),
+        meta: {
+          title: '详情'
+        }
+      },
       {
         path: 'recruitmentemployment',
         name: 'RecruitmentEmploymentIndex',

src/views/Home/HomeIndex.vue

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2022-08-10 11:26:40
  * @LastEditors: 空白格
- * @LastEditTime: 2022-08-26 14:11:09
+ * @LastEditTime: 2022-08-29 18:09:18
  * @FilePath: \veterans_client_web\src\views\Home\HomeIndex.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -17,7 +17,14 @@
       <!-- 新闻最新一条 -->
       <div class="home-main-latest">
         <div class="home-main-latest-content">
-          <div class="hmlc-title">{{ latestNews.artTitle }}</div>
+          <div
+            class="hmlc-title"
+            @click="
+              jumpPage('/newsdetails', { id: latestNews.artId, type: 'news' })
+            "
+          >
+            {{ latestNews.artTitle }}
+          </div>
           <!-- <div class="hmlc-content" v-html="latestNews.artContent"></div> -->
         </div>
       </div>
@@ -134,6 +141,12 @@
                       require('@/assets/images/default-news.jpg')
                     "
                     fit="cover"
+                    @click="
+                      jumpPage('/policyadvice/bannerdetails', {
+                        id: item.id,
+                        type: 2,
+                      })
+                    "
                   >
                     <div slot="placeholder" class="image-slot">
                       加载图片中<span class="dot">...</span>
@@ -493,6 +506,7 @@ export default {
           color: #ff001a;
           text-align: center;
           margin-bottom: 10px;
+          cursor: pointer;
         }
         .hmlc-content {
           font-size: 12px;
@@ -529,6 +543,7 @@ export default {
           width: 100%;
           height: 100%;
           border-radius: 2px;
+          cursor: pointer;
         }
         .title {
           width: calc(100% - 26px);
@@ -545,6 +560,7 @@ export default {
           bottom: 0;
           font-size: 14px;
           font-weight: blod;
+          cursor: pointer;
         }
         :deep(.el-carousel__indicators) {
           // 指示器
@@ -630,6 +646,7 @@ export default {
       min-width: 600px;
       padding: 40px 0;
       &-carousel {
+        cursor: pointer;
         :deep(.el-carousel__button) {
           // 指示器按钮
           width: 7px;

src/views/PolicyAdvice/BannerDetails/BannerDetailsIndex.vue

@@ -0,0 +1,72 @@
+<!--
+ * @Description: 导航详情
+ * @Author: 空白格
+ * @Date: 2022-08-29 17:52:23
+ * @LastEditors: 空白格
+ * @LastEditTime: 2022-08-29 18:08:33
+ * @FilePath: \veterans_client_web\src\views\PolicyAdvice\BannerDetails\BannerDetailsIndex.vue
+ * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
+-->
+<template>
+  <div class="app-main">
+    <BannerBreadcrumb title="详情" :isRouter="true" />
+    <div class="app-main-box">
+      <div class="app-main-box-content">
+        <div class="name">{{ name }}</div>
+        <div class="ql-editor" v-html="dom"></div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import BannerBreadcrumb from "@/components/BannerBreadcrumb";
+import { getBannerList } from "@/api/Home";
+export default {
+  name: "BannerDetailsIndex",
+  components: {
+    BannerBreadcrumb,
+  },
+  data() {
+    return {
+      id: undefined,
+      type: undefined,
+      dom: null,
+      name: undefined,
+    };
+  },
+  created() {
+    const { id, type } = this.$route.query;
+    if (id) {
+      this.id = id;
+      this.type = type;
+      this.getBannerList();
+    }
+  },
+  methods: {
+    getBannerList() {
+      getBannerList({ type: this.type }).then((res) => {
+        if (res.code === 200) {
+          const list = res.data;
+          list.forEach((item) => {
+            if (item.id == this.id) {
+              this.dom = item.content;
+              this.name = item.name;
+            }
+          });
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.name {
+  padding: 10px 0;
+  text-align: center;
+  font-size: 24px;
+  color: #1a1a1a;
+  border-bottom: 1px solid #d5d5d5;
+}
+</style>