From a71b6416b467cd3b2ec24efd68accc85223e8a3b Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Tue, 01 Mar 2022 01:09:04 +0800
Subject: [PATCH] 预览调整

---
 src/App.vue |   36 ++++++++++++++++++++++++++++++++----
 1 files changed, 32 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index c01b988..6607565 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
-	<div id="app" class="app"  >
-		<router-view class="" ></router-view>
+	<div id="app" class="app">
+		<router-view class=""></router-view>
 	</div>
 </template>
 
@@ -14,8 +14,7 @@
 		computed: {},
 		created() {},
 		watch: {},
-		methods: {
-		}
+		methods: {}
 	}
 </script>
 
@@ -49,4 +48,33 @@
 		margin-top: 20px;
 		margin-bottom: 20px;
 	}
+	
+	a {
+		color: #555;
+		position: relative;
+	}
+	
+	a:hover:after {
+		left: 0;
+		width: 100%;
+		-webkit-transition: width 350ms;
+		-moz-transition: width 350ms;
+		-ms-transition: width 350ms;
+		-o-transition: width 350ms;
+		transition: width 350ms;
+	}
+	
+	a:after {
+		position: absolute;
+		bottom: -0.0625rem;
+		left: 100%;
+		width: 0;
+		border-bottom: 0.0625rem solid #30a9de;
+		content: "";
+		-webkit-transition: width 350ms, left 350ms;
+		-moz-transition: width 350ms, left 350ms;
+		-ms-transition: width 350ms, left 350ms;
+		-o-transition: width 350ms, left 350ms;
+		transition: width 350ms, left 350ms;
+	}
 </style>

--
Gitblit v1.9.1