动画

2026-05-15 11:09:36 +08:00
parent 9235843f25
commit 99af8da607
3 changed files with 17 additions and 8 deletions
--- a/src/pages/home/components/ProductFeature.vue
+++ b/src/pages/home/components/ProductFeature.vue
@@ -18,13 +18,15 @@
 </script>

 <template>
-	<section class="product-feature" :class="{ 'product-feature-reversed': reversed }">
+	<section class="product-feature" :class="{ 'product-feature-reversed': reversed }" v-custom-animation.scroll>
 		<div class="product-feature-art">
 			<img
 				class="product-feature-bg"
 				:src="backgroundImage"
 				:alt="backgroundAlt"
 				loading="lazy"
+				translate-x-s="-100"
+				translate-x="100"
 			/>
 			<img class="product-feature-panel" :src="panelImage" :alt="panelAlt" loading="lazy" />
 		</div>