From 87370c4d9e4b6a02c9949c06c1184aabfcf9818c Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Mon, 3 Apr 2023 09:09:01 +0800
Subject: [PATCH] =?UTF-8?q?fix(backTop):=20=E4=BC=98=E5=8C=96=20hover=20?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/t-backTop.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/t-backTop.vue b/src/components/t-backTop.vue
index 0bef8c7b..12a04ed3 100644
--- a/src/components/t-backTop.vue
+++ b/src/components/t-backTop.vue
@@ -1,7 +1,7 @@
 <template>
 	<transition name="fade">
 		<div class="back-top" v-show="canTop" @click="handleScrollTop">
-			<img src="../assets/icons/arrow-top.svg" class="back-icon" alt="back-icon" />
+			<img src="../assets/icons/arrow-top.svg" alt="back-icon" />
 		</div>
 	</transition>
 </template>
@@ -56,19 +56,19 @@ onMounted(() => {
 	width: 60px;
 	height: 60px;
 	border-radius: 50%;
-	border: 0;
-	transition: all 0.3s;
+	transition: all 0.3s linear;
 }
 
 .back-top :hover {
-	border: 5px solid #4b5366;
 	border-radius: 50%;
 	cursor: pointer;
-	transition: all 0.3s;
+	transform: scale(0.9);
+	transition: all 0.3s linear;
+	box-shadow: 0 0 10px 5px #546d8b;
 }
 
-.back-icon {
-	transition: all 0.3s;
+.back-top img {
+	transition: all 0.3s linear;
 	width: 60px;
 	height: 60px;
 }