From cd7a885a6d232c83a3b5bf5ce7ea6c4fc753f83b Mon Sep 17 00:00:00 2001
From: CliveNi <nizehan.clive@hotmail.co.uk>
Date: 星期日, 07 四月 2024 16:17:11 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.11.205:9000/r/~shiwenshuai/productOnline
---
src/views/Home.vue | 26 +++++++++++++++++++++++++-
1 files changed, 25 insertions(+), 1 deletions(-)
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 19c67e8..db7059d 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -126,7 +126,31 @@
{ immediate: true, deep: true }
);
-onMounted(() => { });
+onMounted(() => {
+ window.addEventListener('scroll', function () {
+ var elementsLeft = document.querySelectorAll('.contentRight_l_left');
+ var elementsRight = document.querySelectorAll('.contentRight_l_rgiht');
+
+
+ for (var i = 0; i < elementsLeft.length; i++) {
+ var elementLeft = elementsLeft[i];
+ var elementRight = elementsRight[i];
+ var positionLeft = elementLeft.getBoundingClientRect().top;
+ var positionRight = elementRight.getBoundingClientRect().top;
+ var screenHeight = window.innerHeight;
+
+ if (positionLeft - screenHeight <= 0) {
+ elementLeft.style.opacity = 1;
+ elementLeft.style.transform = 'translateX(0)';
+ }
+
+ if (positionRight - screenHeight <= 0) {
+ elementRight.style.opacity = 1;
+ elementRight.style.transform = 'translateX(0)';
+ }
+ }
+ });
+ });
</script>
<style lang="less" scoped>
.logo_box {
--
Gitblit v1.9.3