From 7dce37ecba7326fd4271254ff01004e15c4f77e2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Wed, 1 Nov 2023 17:57:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/main/resources/static/board/board2.js | 24 ++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/haiwei-admin/src/main/resources/static/board/board2.js b/haiwei-admin/src/main/resources/static/board/board2.js
index 98e5087..447f1eb 100644
--- a/haiwei-admin/src/main/resources/static/board/board2.js
+++ b/haiwei-admin/src/main/resources/static/board/board2.js
@@ -1,4 +1,21 @@
 $(() => {
+
+  let itemNum = 0
+  setInterval(function () {
+    let width = $('#bottom .item:eq(0)').outerWidth() + 12
+    if (width * (itemNum - 1) > $('#bottom').width()) {
+      $('#bottom').animate({
+        scrollLeft: width
+      }, 2000, () => {
+        $('#bottom').scrollLeft(0)
+        $('#bottom .item:eq(0)').slideToggle(0, function () {
+          $('#bottom').append($(this).clone().css({display: 'block'}));
+          $(this).remove();
+        });
+      });
+    }
+  }, 2000);
+
   $.get(ctx + 'broad/home/queryCustomer', (e) => {
     $("#customerPresentation").empty()
     let data = e?.data?.map(val => {
@@ -24,10 +41,11 @@ $(() => {
         name: val.deviceTypeName,
         img: val.deviceTypePath,
         // img: '../../board/img/equipment.png',
-        url:val.deviceTypeUrl
+        url: val.deviceTypeUrl
       }
-    })
-    data.forEach((e, i) => {
+    });
+    itemNum = [...data, ...data, ...data, ...data, ...data, ...data].length;
+    [...data, ...data, ...data, ...data, ...data, ...data].forEach((e, i) => {
       let html = `
     <div class="item" style="left:calc(${43.76 * i}vh + ${i * 12}px)" onclick="toLink('${e.url}')">
       <div class="title">${e.name}</div>