From 8c259558899b8c85b607398212621838fa71f7f5 Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Mon, 27 Oct 2025 11:36:51 +0800
Subject: [PATCH] motion-index-optimize

---
 app/components/landing/OUR_STRENGTHS.vue | 28 ++++++++++--------------
 1 file changed, 12 insertions(+), 16 deletions(-)

diff --git a/app/components/landing/OUR_STRENGTHS.vue b/app/components/landing/OUR_STRENGTHS.vue
index 08db7c1..759cdab 100644
--- a/app/components/landing/OUR_STRENGTHS.vue
+++ b/app/components/landing/OUR_STRENGTHS.vue
@@ -21,33 +21,29 @@ const items = [
           title="我们的优势"
       />
     </Motion>
+    <Motion
+        :in-view-options="{ once: true }"
+        :initial="{ opacity: 0,scale:0 }"
+        :transition="{   duration: 0.6,delay: 0.1}"
+        :while-in-view="{ opacity: 1,scale:1 }"
+    >
+      <view class="flex items-center flex-col lg:px-80 sm:flex-row">
 
-    <view class="flex items-center flex-col lg:px-80 sm:flex-row">
-      <Motion
-          :in-view-options="{ once: true }"
-          :initial="{ opacity: 0,scale:0 }"
-          :transition="{   duration: 0.6,delay: 0.1}"
-          :while-in-view="{ opacity: 1,scale:1 }"
-      >
         <div class="relative w-full max-w-5xl mx-auto aspect-video md:aspect-[16/9]">
           <UCarousel v-slot="{ item }" :items="items" arrows class="w-full max-w-xs mx-auto">
             <nuxt-img :src="item" class="rounded-lg" height="320" width="320"/>
           </UCarousel>
         </div>
-      </Motion>
-      <Motion
-          :in-view-options="{ once: true }"
-          :initial="{ opacity: 0,scale:0 }"
-          :transition="{   duration: 0.6,delay: 0.1}"
-          :while-in-view="{ opacity: 1,scale:1 }"
-      >
+
+
         <div class="relative w-full max-w-6xl mx-auto aspect-video md:aspect-[16/9]">
 
           <img alt="" class="rounded-lg" src='/img/index/advantage.png'>
 
         </div>
-      </Motion>
-    </view>
+
+      </view>
+    </Motion>
   </div>
 </template>