系统更新

surprise

2024-04-07 c15f50e77f5588d704301029ba499aab23b0d109

 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 {