CliveNi
2024-04-07 cd7a885a6d232c83a3b5bf5ce7ea6c4fc753f83b
src/views/Home.vue
@@ -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 {