From a01d2aebebb44f76f9b6635f2c67ffe59e838f77 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?TOP=E7=B3=AF=E7=B1=B3?= <1130395124@qq.com>
Date: Sun, 19 Mar 2023 00:21:43 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E5=85=AC=E5=91=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index/index.vue | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 8fa18f0..c44de6b 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -20,7 +20,7 @@
                     interval="3000"
                     duration="1000"
                 >
-                    <swiper-item v-for="(item, index) in notifyList" :key="index">
+                    <swiper-item v-for="(item, index) in notifyList" :key="index" @click="notifyDetail(item)">
                         <view class="swiper-item notify-item">
                             <text class="limit-line clamp-1">
                                 {{ item.title }}
@@ -75,6 +75,11 @@
                 </view>
             </view>
         </view>
+        <widget-modal v-show="showNotifyModal" @close="showNotifyModal = false" :title="notify.title">
+            <view class="message-box">
+                <rich-text :nodes="notify.content"></rich-text>
+            </view>
+        </widget-modal>
     </app-layout>
 </template>
 
@@ -82,6 +87,7 @@
 import AppLayout from "@/components/layout/layout";
 import AppBanner from "@/components/banner/banner";
 import WidgetSearch from "@/components/widgets/search";
+import WidgetModal from "@/components/widgets/modal";
 export default {
     name: "index",
     data() {
@@ -89,6 +95,11 @@ export default {
             utils: this.$utils,
             bannerList: [],
             notifyList: [],
+            showNotifyModal: false,
+            notify: {
+                title: "",
+                content: "",
+            },
             installServiceList: [],
             aftermarketServiceList: [],
             bussinessServiceList: [
@@ -111,6 +122,7 @@ export default {
         AppLayout,
         AppBanner,
         WidgetSearch,
+        WidgetModal,
     },
     onLoad() {
         // 轮播
@@ -129,6 +141,7 @@ export default {
                 this.notifyList.push({
                     id: item.id,
                     title: item.title,
+                    content: item.message,
                 });
             });
         });
@@ -149,6 +162,11 @@ export default {
             this.$store.commit("system/indexCateId", id);
             this.$utils.toPage("/pages/service/cate", {}, "switch");
         },
+        notifyDetail(detail) {
+            this.showNotifyModal = true;
+            this.notify.title = detail.title;
+            this.notify.content = detail.content;
+        },
     },
 };
 </script>
@@ -193,4 +211,8 @@ export default {
         }
     }
 }
+.message-box {
+    max-height: 400rpx;
+    overflow-y: scroll;
+}
 </style>
\ No newline at end of file