Browse Source

fix: 动画优化

Lee 2 ngày trước cách đây
mục cha
commit
0ee165f5e9

+ 1 - 1
app/components/section/Ability.vue

@@ -3,7 +3,7 @@
     id="ability"
     ref="abilityRef"
     class="ability transition-all duration-1000 ease-out"
-    :class="[isAbilityVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-20px']"
+    :class="[isAbilityVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-50px']"
   >
     <div class="ability-title pf-sc-semibold">一体化智慧解决方案</div>
     <div class="ability-desc pf-sc-regular">

+ 1 - 1
app/components/section/Cases.vue

@@ -3,7 +3,7 @@
     id="cases"
     ref="casesRef"
     class="cases transition-all duration-1000 ease-out"
-    :class="[isCasesVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-100px']"
+    :class="[isCasesVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-50px']"
   >
     <div class="cases-header">
       <div class="cases-title pf-sc-semibold">知识产权和案例</div>

+ 1 - 1
app/components/section/History.vue

@@ -2,7 +2,7 @@
   <section id="history" ref="timelineRef" class="history">
     <div
       class="history-container"
-      :class="[isTimelineVisible ? 'translate-y-0 opacity-100' : 'translate-y-40px opacity-0']"
+      :class="[isTimelineVisible ? 'translate-y-0 opacity-100' : 'translate-y-50px opacity-0']"
     >
       <div class="history-title pf-sc-semibold">发展历程</div>
       <div class="history-subtitle pf-sc-regular">从探索到引领,绘家科技每一步都坚实有力</div>

+ 1 - 1
app/components/section/Partnership.vue

@@ -10,7 +10,7 @@
     id="partnership"
     ref="partnershipRef"
     class="partnership transition-all duration-1000 ease-out"
-    :class="[isPartnershipVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-20px']"
+    :class="[isPartnershipVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-50px']"
   >
     <div class="partnership-header">
       <div class="partnership-line-left"></div>

+ 1 - 1
app/components/section/Solution.vue

@@ -3,7 +3,7 @@
     id="solution"
     ref="solutionRef"
     class="solution transition-all duration-1000 ease-out"
-    :class="[isSolutionVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-100px']"
+    :class="[isSolutionVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-50px']"
   >
     <div class="solution-header">
       <div class="solution-title">物业管理正面临这些挑战</div>

+ 1 - 1
app/pages/about/components/about.vue

@@ -9,7 +9,7 @@
   <section
     ref="aboutRef"
     class="about-section transition-all duration-1000 ease-out"
-    :class="[isAboutVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-100px']"
+    :class="[isAboutVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-50px']"
   >
     <div class="inner-container">
       <!-- Top Section -->