From be8b9ba19cee023829d2adc5d390e5bf0f56cbb8 Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期一, 08 四月 2024 17:33:33 +0800
Subject: [PATCH] 版本更新
---
src/views/Home.vue | 42 ++++++++++++++++++++++++++++++++++++------
1 files changed, 36 insertions(+), 6 deletions(-)
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 90cf401..e88ecf0 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">
@@ -30,7 +30,7 @@
<div class="flex-grow" />
</el-menu>
<router-view />
- <div class="footer">
+ <div class="footer" v-if="showFooterFlag">
<div class="footer_bg">
<div class="footer_content">
<ul>
@@ -115,18 +115,48 @@
const FW = () => {
router.push({ path: "/serviceSupport" });
};
-const stMenuClick=(res)=>{
- router.push({ path: res});
+const stMenuClick = (res) => {
+ router.push({ path: res });
}
+const showFooterFlag = ref(true);
watch(
() => router.currentRoute.value.path,
(toPath) => {
activeIndex.value = toPath;
+ if (toPath.indexOf("HomeDoc") > -1) {
+ showFooterFlag.value = false;
+ }else{
+ showFooterFlag.value = true;
+ }
},
{ 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 {
@@ -149,7 +179,7 @@
.el-menu_body {
width: 100%;
- height: 80px;
+ height: 60px;
padding-left: 180px !important;
padding-right: 180px;
border-bottom: 0 !important;
--
Gitblit v1.9.3