|
|
@@ -112,29 +112,29 @@ export default {
|
|
|
},
|
|
|
mounted() {
|
|
|
// 事件监听滚动条
|
|
|
- window.addEventListener("scroll", this.watchScroll);
|
|
|
+ //window.addEventListener("scroll", this.watchScroll);
|
|
|
},
|
|
|
methods: {
|
|
|
- watchScroll() {
|
|
|
- var scrollTop =
|
|
|
- window.pageYOffset ||
|
|
|
- document.documentElement.scrollTop ||
|
|
|
- document.body.scrollTop;
|
|
|
- // 当滚动超过 50 时，实现吸顶效果
|
|
|
- if (
|
|
|
- scrollTop > 549 &&
|
|
|
- document.body.scrollHeight -
|
|
|
- window.pageYOffset -
|
|
|
- document.getElementById("footer").offsetHeight >
|
|
|
- 450
|
|
|
- ) {
|
|
|
- //(window.innerHeight-document.getElementById("footer").offsetHeight) > 400)
|
|
|
- this.navBarFixed = true;
|
|
|
- console.log(document.getElementById("footer").offsetHeight);
|
|
|
- } else {
|
|
|
- this.navBarFixed = false;
|
|
|
- }
|
|
|
- }
|
|
|
+ // watchScroll() {
|
|
|
+ // var scrollTop =
|
|
|
+ // window.pageYOffset ||
|
|
|
+ // document.documentElement.scrollTop ||
|
|
|
+ // document.body.scrollTop;
|
|
|
+ // // 当滚动超过 50 时，实现吸顶效果
|
|
|
+ // if (
|
|
|
+ // scrollTop > 549 &&
|
|
|
+ // document.body.scrollHeight -
|
|
|
+ // window.pageYOffset -
|
|
|
+ // document.getElementById("footer").offsetHeight >
|
|
|
+ // 450
|
|
|
+ // ) {
|
|
|
+ // //(window.innerHeight-document.getElementById("footer").offsetHeight) > 400)
|
|
|
+ // this.navBarFixed = true;
|
|
|
+ // console.log(document.getElementById("footer").offsetHeight);
|
|
|
+ // } else {
|
|
|
+ // this.navBarFixed = false;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
@@ -373,7 +373,7 @@ export default {
|
|
|
padding-bottom: 7px;
|
|
|
}
|
|
|
.head p {
|
|
|
- width: 10rem;
|
|
|
+ width: 13rem;
|
|
|
padding-left: 1.2rem;
|
|
|
font-size: 2.2rem;
|
|
|
display: flex;
|
|
|
@@ -452,6 +452,7 @@ button {
|
|
|
color: rgb(0, 102, 255);
|
|
|
font-size: 10rem;
|
|
|
margin: auto;
|
|
|
+ margin-bottom: 13rem;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
.righttext h2 {
|
|
|
@@ -476,4 +477,4 @@ button {
|
|
|
hr {
|
|
|
color: rgb(215, 215, 215);
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|
