修改首页轮播

src/views/Home/components/HeaderBanner.vue

@@ -3,18 +3,13 @@
  * @Author: 空白格
  * @Date: 2022-08-22 09:14:32
  * @LastEditors: 空白格
- * @LastEditTime: 2022-08-30 13:49:43
+ * @LastEditTime: 2022-09-05 17:01:03
  * @FilePath: \veterans_client_web\src\views\Home\components\HeaderBanner.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
 <template>
   <div class="home-carousel">
-    <el-carousel
-      arrow="never"
-      height="400px"
-      direction="vertical"
-      :autoplay="false"
-    >
+    <el-carousel height="400px" arrow="never">
       <el-carousel-item
         class="home-carousel-item"
         v-for="(item, index) in bannerList"
@@ -31,12 +26,7 @@
             加载图片中<span class="dot">...</span>
           </div>
         </el-image>
-        <el-image
-          class="image"
-          :src="item.bannerUrl"
-          v-else
-          fit="cover"
-        >
+        <el-image class="image" :src="item.bannerUrl" v-else fit="cover">
           <div slot="placeholder" class="image-slot">
             加载图片中<span class="dot">...</span>
           </div>
@@ -105,7 +95,7 @@ export default {
 .home {
   &-carousel {
     &-item {
-      position: relative;
+      // position: relative;
       cursor: pointer;
       .image-text {
         width: 900px;
@@ -126,8 +116,21 @@ export default {
     :deep(.el-carousel__arrow) {
       border: solid 1px rgba($color: #fff, $alpha: 0.7);
     }
+    // :deep(.el-carousel__button) {
+    //   display: none;
+    //   // 指示器按钮
+    //   width: 10px;
+    //   height: 10px;
+    //   border: none;
+    //   border-radius: 50%;
+    //   background-color: #fff;
+    // }
+    // :deep(.is-active .el-carousel__button) {
+    //   // 指示器激活按钮
+    //   width: 18px;
+    //   border-radius: 10px;
+    // }
     :deep(.el-carousel__button) {
-      display: none;
       // 指示器按钮
       width: 10px;
       height: 10px;
@@ -137,8 +140,9 @@ export default {
     }
     :deep(.is-active .el-carousel__button) {
       // 指示器激活按钮
-      width: 18px;
+      width: 24px;
       border-radius: 10px;
+      background-color: #f00;
     }
   }
 }

src/views/Home/components/PolicyInformation.vue

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2022-08-30 13:51:52
  * @LastEditors: 空白格
- * @LastEditTime: 2022-08-30 14:13:01
+ * @LastEditTime: 2022-09-05 17:05:04
  * @FilePath: \veterans_client_web\src\views\Home\components\PolicyInformation.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -136,6 +136,7 @@ export default {
   },
   created() {
     this.getDict();
+    this.getPolicyBannerList();
   },
   methods: {
     /**