From c15f50e77f5588d704301029ba499aab23b0d109 Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期日, 07 四月 2024 14:13:05 +0800
Subject: [PATCH] 系统更新
---
src/views/Home.vue | 28 ++++++++++++++++++++++++++--
1 files changed, 26 insertions(+), 2 deletions(-)
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 90cf401..db7059d 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -10,7 +10,7 @@
active-text-color="#3f93e5" class="el-menu_body" :teleported="true" @open="openmenu" @close="closemenu" router>
<el-menu-item class="logo_box">
<img src="../assets/img/index/logo.png" fit="cover" class="logoimg" />
- <span class="appName"> SmartEarth 鍦ㄧ嚎浣撻獙涓績</span>
+ <span class="appName"> SmartEarth 鏅鸿兘鏃剁┖淇℃伅浜戝钩鍙�</span>
</el-menu-item>
<el-menu-item index="/index" @click="stMenuClick('/')" class="menu-item">棣栭〉</el-menu-item>
<el-sub-menu index="2" class="menu-item menu-item3">
@@ -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