版本更新

surprise

2024-04-08 be8b9ba19cee023829d2adc5d390e5bf0f56cbb8

 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;