fix: 首页播报元素无限增长修正

src/views/home/HomeView.vue

@@ -90,8 +90,10 @@
               <img src="@/assets/images/icon-volume.png" class="h-4 w-4" alt="" />
               <div class="relative h-5 w-[180px] overflow-hidden">
                 <ul ref="marquee" class="ml-2 h-5 w-[200px] overflow-hidden text-sm text-white">
+                  <template v-for="i of 4" :key="i">
                     <li class="name">园区数量 {{ homePageData?.parkInfoCount }} 个</li>
                     <li class="name">服务企业 {{ homePageData?.enterpriseCount }} 家</li>
+                  </template>
                 </ul>
               </div>
             </div>
@@ -99,7 +101,7 @@
               <img src="@/assets/images/icon-volume.png" class="h-4 w-4" alt="" />
               <div style="width: calc(850px - 17px)" class="relative h-5 overflow-hidden text-sm">
                 <ul ref="marquee2" class="ml-2 h-5 w-[850px] overflow-hidden text-sm text-white">
-                  <li v-for="item in homePageData.noticeList" :key="item.name" class="name">
+                  <li v-for="(item, index) in formatedNoticeList" :key="index" class="name">
                     <p class="w-180 ell">
                       {{ item.name }}
                     </p>
@@ -384,6 +386,10 @@ const currentListType = computed(() => {
   return config[activeTab.value]!;
 });
 
+const formatedNoticeList = computed(() => {
+  return Array.from({ length: 4 }, () => homePageData.value?.noticeList || []).flat();
+});
+
 const toList = (type: string = 'search') => {
   let name: RouteName = RouteName.developZoneList;
   let filterType: string = searchType.value;
@@ -470,7 +476,6 @@ const startMarquee = (lh: number, speed: number, delay: number, refName: string)
   let t: any;
   const o = proxy.$refs[refName];
 
-  o.innerHTML += o.innerHTML + o.innerHTML + o.innerHTML;
   o.scrollTop = 0;
 
   function scrolling(fn: any) {