| | |
|---|
| | | { 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 { |
|---|
