From 415d224798a56428b8b35f2be90dd940cc6d6a21 Mon Sep 17 00:00:00 2001
From: zerosaturation <zerosaturation@163.com>
Date: Fri, 22 May 2026 15:41:39 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E6=97=A0=E9=99=90=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/pages/profile/myWorks.vue            |  4 +--
 .../pages/square/composables/useBanner.js     |  4 +--
 frontend/pages/square/square.vue              | 29 ++++++++-----------
 3 files changed, 16 insertions(+), 21 deletions(-)

diff --git a/frontend/pages/profile/myWorks.vue b/frontend/pages/profile/myWorks.vue
index 5312618..9e18434 100644
--- a/frontend/pages/profile/myWorks.vue
+++ b/frontend/pages/profile/myWorks.vue
@@ -830,9 +830,9 @@ function startLenticularRenderLoop() {
 			}
 			likedLenticularTransformsMap.value = { ...likedLenticularTransformsMap.value, [assetId]: transforms };
 		}
-		lenticularRafId = requestAnimationFrame(tick);
+		// lenticularRafId = requestAnimationFrame(tick);
 	};
-	lenticularRafId = requestAnimationFrame(tick);
+	// lenticularRafId = requestAnimationFrame(tick);
 }
 
 function stopLenticularRenderLoop() {
diff --git a/frontend/pages/square/composables/useBanner.js b/frontend/pages/square/composables/useBanner.js
index 56b8ad5..1822c65 100644
--- a/frontend/pages/square/composables/useBanner.js
+++ b/frontend/pages/square/composables/useBanner.js
@@ -12,8 +12,8 @@ export function useBanner() {
       if (res.code === 200 && res.data?.activities) {
         const activities = res.data.activities
         // 过滤掉已过期的活动
-        bannerActivities.value = activities
-        // bannerActivities.value = activities.filter(item => item.status !== 'expired')
+        // bannerActivities.value = activities
+        bannerActivities.value = activities.filter(item => item.status !== 'expired')
       }
     } catch (e) {
       console.error('[useBanner] 加载 banner 活动失败', e?.message ?? e)
diff --git a/frontend/pages/square/square.vue b/frontend/pages/square/square.vue
index 57bd034..420e7e3 100644
--- a/frontend/pages/square/square.vue
+++ b/frontend/pages/square/square.vue
@@ -1,14 +1,15 @@
 <template>
   <view class="square-container">
-    <!-- 可横向滑动的背景 -->
-    <view class="bg-wrapper">
-      <image
-        class="background-fixed"
-        :style="{ transform: `translateX(${-bgScrollLeft}px)` }"
-        src="/static/square/squearbj1.png"
-        mode="aspectFill"
-      />
-    </view>
+    <!-- 可横向滑动的背景 - 使用背景图循环实现 -->
+    <view
+      class="bg-wrapper"
+      :style="{
+        backgroundImage: `url(/static/square/squearbj1.png)`,
+        backgroundRepeat: 'repeat-x',
+        backgroundPosition: `${-bgScrollLeft}px 0`,
+        backgroundSize: `auto 100%`,
+      }"
+    ></view>
 
     <!-- 横向瀑布流卡片层（内部自带横向滚动） -->
     <WaterfallGrid
@@ -281,17 +282,11 @@ onUnmounted(() => {
   top: 0;
   left: 0;
   width: 100%;
-  height: 110%;
+  height: 100%;
   z-index: 0;
-  overflow: hidden;
 }
 
-.background-fixed {
-  width: 300%;
-  height: 110%;
-  position: relative;
-  bottom: 4rpx;
-}
+/* 已使用 CSS background-image 方式实现循环背景，无需额外样式 */
 
 .nav-mask {
   position: fixed;