|
@@ -33,21 +33,21 @@ const info = ref({ title: '用水发展', enTitle: 'DEVELOP' })
|
|
|
const { y } = useWindowScroll()
|
|
|
|
|
|
function useWindowScroll() {
|
|
|
- const y = ref(0);
|
|
|
+ const y = ref(0)
|
|
|
|
|
|
const handleScroll = () => {
|
|
|
- y.value = window.scrollY;
|
|
|
- };
|
|
|
+ y.value = window.scrollY
|
|
|
+ }
|
|
|
|
|
|
onMounted(() => {
|
|
|
- window.addEventListener('scroll', handleScroll);
|
|
|
- });
|
|
|
+ window.addEventListener('scroll', handleScroll)
|
|
|
+ })
|
|
|
|
|
|
onUnmounted(() => {
|
|
|
- window.removeEventListener('scroll', handleScroll);
|
|
|
- });
|
|
|
+ window.removeEventListener('scroll', handleScroll)
|
|
|
+ })
|
|
|
|
|
|
- return { y };
|
|
|
+ return { y }
|
|
|
}
|
|
|
</script>
|
|
|
|
|
@@ -77,10 +77,11 @@ function useWindowScroll() {
|
|
|
padding: 0 17%;
|
|
|
}
|
|
|
}
|
|
|
- .bottom {
|
|
|
+ .bottom {
|
|
|
margin: 40px 0 0 0;
|
|
|
.zero {
|
|
|
margin: 0 0 40px 0;
|
|
|
+ padding: 0 17%;
|
|
|
}
|
|
|
}
|
|
|
}
|