diff --git a/src/page/index/Home/index.vue b/src/page/index/Home/index.vue index f52b9f7..9733a01 100644 --- a/src/page/index/Home/index.vue +++ b/src/page/index/Home/index.vue @@ -122,7 +122,10 @@ export default { methods: { initShow() { gsap.timeline({ - delay: 2, + delay: window.shownIndex ? 0 : 2, + onComplete: () => { + window.shownIndex = true; + }, }) .fromTo( this.$refs.shadow, @@ -159,10 +162,10 @@ export default { this.$Utils.btnTouched( event.currentTarget, () => { - // this.$router.push({ - // name: item.target, - // params: {}, - // }); + this.$router.push({ + name: item.target, + params: {}, + }); }, 1.5 ); @@ -182,7 +185,7 @@ export default { min-height: 100vh; background: #e3e7e8; color: #333; - overflow: hidden; + // overflow: hidden; .shader { visibility: hidden; @@ -267,12 +270,9 @@ export default { box-shadow: 20px 20px 60px #c4c4c4, -20px -20px 60px #ffffff; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; - &:hover { - background-position: 0 -100%; - } } .iconfont { - font-size: 40px; + font-size: 45px; } .weui-grid__label { height: 100px; @@ -286,9 +286,23 @@ export default { justify-content: center; align-content: center; align-items: center; + transition: all 0.5s ease; } - &.active .weui-grid__icon { - background-position: 0 -100%; + &:hover { + .weui-grid__icon { + background-position: 0 -100%; + } + .weui-grid__label { + transform: scale(1.2) translate(0, 5px); + } + } + &.active { + .weui-grid__icon { + background-position: 0 -100%; + } + .weui-grid__label { + transform: scale(1.2) translate(0, 5px); + } } } } @@ -307,7 +321,7 @@ export default { justify-content: center; align-items: center; .iconfont { - font-size: 30px; + font-size: 40px; } } }