From e03cfd5e458cf443423ac686cc953c608b92a1aa Mon Sep 17 00:00:00 2001
From: qq_41923622 <qq_41923622@devide>
Date: Mon, 24 Mar 2025 21:22:00 +0800
Subject: [PATCH] Mon Mar 24 21:22:00 CST 2025 inscode

---
 index.html                             |  9 ++--
 src/float/bottomPopup.scss             | 10 ++++
 src/section/components/imgbox/index.ts | 70 +++++++++++++-------------
 src/section/index.scss                 |  1 +
 4 files changed, 51 insertions(+), 39 deletions(-)

diff --git a/index.html b/index.html
index 8aa139b..ea9e106 100644
--- a/index.html
+++ b/index.html
@@ -45,7 +45,7 @@
             <div class="section-wrapper">
                 💓 💖
             </div>
-            <div v-scope="ImgBox({imgName:'DSCF8222.jpg'})"  @vue:mounted="mounted"></div>
+            <div v-scope="ImgBox({imgName:'DSCF8222.jpg'})" style="width:60vw;" @vue:mounted="mounted"></div>
         </section>
         <section class="section-row">
             <div class="section-wrapper">
@@ -198,7 +198,8 @@
     <template id="gifts-list-popup-template">
         <div class="bounbottom-popupter-gift-list">
             <div class="gift-list-container">
-                <div v-for="(item, index) in giftList" :key="index" :class="((item?'gift-list-item ': ' ')+(item.class?item.class:''))">
+                <div v-for="(item, index) in giftList" :key="index"
+                    :class="((item?'gift-list-item ': ' ')+(item.class?item.class:''))">
                     <div class="gift-list-avatar"><img :src="item.avatar"/></div>
                     <div class="gift-list-content">{{item.text}}</div>
                     <div class="gift-list-gift-img">
@@ -209,8 +210,8 @@
             </div>
         </div>
     </template>
-     <template id="imgbox-template">
-         <img ref="imgboxRef" class="imgbox-img" :src="imgSrc" :data-src="dataSrc"/>
+    <template id="imgbox-template">
+        <img ref="imgboxRef" class="imgbox-img" :src="imgSrc" :data-src="dataSrc"/>
     </template>
     <script type="module" src="/src/main.ts"></script>
 
diff --git a/src/float/bottomPopup.scss b/src/float/bottomPopup.scss
index 70fab76..def83f8 100644
--- a/src/float/bottomPopup.scss
+++ b/src/float/bottomPopup.scss
@@ -317,6 +317,7 @@
             flex-wrap: nowrap;
             align-items: center;
             padding-right: 40px;
+            animation: 6s ease 0s infinite normal none running giftCardAnimation;
             .gift-list-avatar {
                 border-radius: 50%;
                 border: 3px solid #ecd54e;
@@ -380,6 +381,15 @@
         transform: translateY(0px);
     }
 }
+@keyframes giftCardAnimation{
+     0% {
+        /* -webkit-transform:translateY(0px); */
+        transform:translateX(100vw);
+    }
+    60%,100%{
+         transform:translateX(0);
+    }
+}
 
 .signupForm {
     display: flex;
diff --git a/src/section/components/imgbox/index.ts b/src/section/components/imgbox/index.ts
index 6cbb4a8..596a222 100644
--- a/src/section/components/imgbox/index.ts
+++ b/src/section/components/imgbox/index.ts
@@ -1,39 +1,39 @@
 let imgNameMap = {
-    "DSCF7995.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100029689-1902352921.jpg",
-    "DSCF8019.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100053386-972327104.jpg",
-    "DSCF8027.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100058175-827552871.jpg",
-    "DSCF8032.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100130637-1302595560.jpg",
-    "DSCF8060.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100146372-1273702537.jpg",
-    "DSCF8066.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100157223-1565474322.jpg",
-    "DSCF8222.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100223365-885507912.jpg",
-    "DSCF8233.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100236296-540240942.jpg",
-    "DSCF8242.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100254235-347166596.jpg",
-    "DSCF8277.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100301439-1187700424.jpg",
-    "DSCF8300.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100315596-444316746.jpg",
-    "DSCF8317.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100323876-1068919887.jpg",
-    "DSCF8340.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100335749-1703366862.jpg",
-    "DSCF8367.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100354287-731720950.jpg",
-    "DSCF8380.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100400247-2065718691.jpg",
-    "DSCF8387.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100425853-1440400103.jpg",
-    "DSCF8421.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100433467-1756521464.jpg",
-    "TY990002.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100502058-1084711135.jpg",
-    "TY990003.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100506677-657252353.jpg",
-    "TY990008.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100527768-1282940815.jpg",
-    "TY990010.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100532356-1999017650.jpg",
-    "TY990014.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100540336-1347764031.jpg",
-    "TY990015.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100551344-1894165936.jpg",
-    "TY990021.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100554572-1997756659.jpg",
-    "TY990041.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100602262-1381131867.jpg",
-    "TY990048.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100606733-294301131.jpg",
-    "TY990056.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100612325-630979611.jpg",
-    "TY990060.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100618801-286006152.jpg",
-    "TY990061.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100624553-1337741269.jpg",
-    "TY990064.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100631483-1144807232.jpg",
-    "TY990066.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100641277-1739003954.jpg",
-    "TY990070.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100645895-1752927013.jpg",
-    "DSCF8082.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100656389-115990575.jpg",
-    "DSCF8162.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100702995-1813563833.jpg",
-    "DSCF8365.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100709204-1857305680.jpg"
+    "DSCF7995.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183236863-775058888.jpg",
+    "DSCF8019.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183304831-1311955035.jpg",
+    "DSCF8027.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183333528-609366250.jpg",
+    "DSCF8032.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183356676-108832443.jpg",
+    "DSCF8060.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183425020-1267513418.jpg",
+    "DSCF8066.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183451764-101058271.jpg",
+    "DSCF8222.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183513437-1716087417.jpg",
+    "DSCF8233.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183531712-794151877.jpg",
+    "DSCF8242.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183547701-648650159.jpg",
+    "DSCF8277.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183603661-606885984.jpg",
+    "DSCF8300.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183621650-87727969.jpg",
+    "DSCF8317.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183641380-1818725148.jpg",
+    "DSCF8340.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183659079-461997327.jpg",
+    "DSCF8367.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183722520-93977809.jpg",
+    "DSCF8380.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183746616-1725596952.jpg",
+    "DSCF8387.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183813554-1758228357.jpg",
+    "DSCF8421.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183837843-1322054414.jpg",
+    "TY990002.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183857133-1151822517.jpg",
+    "TY990003.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183911328-1621513453.jpg",
+    "TY990008.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183923223-1910411581.jpg",
+    "TY990010.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183937489-857816740.jpg",
+    "TY990014.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183948110-805200352.jpg",
+    "TY990015.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183957712-1393021635.jpg",
+    "TY990021.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184006736-1627699577.jpg",
+    "TY990041.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184015462-678549051.jpg",
+    "TY990048.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184025087-491861390.jpg",
+    "TY990056.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184034602-352860849.jpg",
+    "TY990060.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184045226-102877324.jpg",
+    "TY990061.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184057446-1262751578.jpg",
+    "TY990064.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184110112-1754185944.jpg",
+    "TY990066.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184121905-2029115015.jpg",
+    "TY990070.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184130866-1123908390.jpg",
+    "DSCF8082.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184141954-1567313860.jpg",
+    "DSCF8162.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184204588-1056027914.jpg",
+    "DSCF8365.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184228867-1626898646.jpg"
 }
 let imgNameW320Map = {
     "DSCF7995.jpg": "https://erp-new.cdn.yingtaoyun.com/flw/1784/Q2406170015/jx/1241858/DSCF7995.jpg!w320?2025-02-25 18:53:14",
diff --git a/src/section/index.scss b/src/section/index.scss
index e014c5e..688f122 100644
--- a/src/section/index.scss
+++ b/src/section/index.scss
@@ -7,5 +7,6 @@
 
   .imgbox-img{
     width: 100%;
+    min-width: 100%;
     height: auto;
   }
\ No newline at end of file
-- 
GitLab