修改ui动画入场时机

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;
 			}
 		}
 	}