| | |
| | | <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> |
| | |
| | | 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 } |
| | | ); |
| | |
| | | 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; |
| | | 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 (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)'; |
| | | } |
| | | } |
| | | if (positionRight - screenHeight <= 0) { |
| | | elementRight.style.opacity = 1; |
| | | elementRight.style.transform = 'translateX(0)'; |
| | | } |
| | | } |
| | | }); |
| | | }); |
| | | }); |
| | | </script> |
| | | <style lang="less" scoped> |
| | | .logo_box { |
| | |
| | | |
| | | .el-menu_body { |
| | | width: 100%; |
| | | height: 80px; |
| | | height: 60px; |
| | | padding-left: 180px !important; |
| | | padding-right: 180px; |
| | | border-bottom: 0 !important; |