From d9a44505bc5192150bc918a3d5731bdcb498e81e Mon Sep 17 00:00:00 2001
From: tone <3341154833@qq.com>
Date: Thu, 29 Aug 2024 13:03:26 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=BB=E9=A1=B5=E4=B8=ADbilibli=E5=92=8Cgith?=
 =?UTF-8?q?ub=E9=93=BE=E6=8E=A5=EF=BC=8C=E5=9C=A8=E6=96=B0=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E9=A1=B5=E4=B8=AD=E6=89=93=E5=BC=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 tonecn/src/views/HomeView.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/tonecn/src/views/HomeView.vue b/tonecn/src/views/HomeView.vue
index 322bd82..a76fb92 100644
--- a/tonecn/src/views/HomeView.vue
+++ b/tonecn/src/views/HomeView.vue
@@ -7,21 +7,20 @@ onMounted(() => {
 
   // 界面特效字体
   let nameElement = document.getElementById("my-name");
-  if( nameElement == null){
+  if (nameElement == null) {
     console.error('未找到元素my-name')
     return;
   }
   let colorNum = 66;
   let colorNumReverse = false;
   setInterval(() => {
-    if(colorNumReverse)
-    {
+    if (colorNumReverse) {
       colorNum--;
-      if(colorNum<=66)
+      if (colorNum <= 66)
         colorNumReverse = !colorNumReverse;
-    }else{
+    } else {
       colorNum++;
-      if(colorNum>=255)
+      if (colorNum >= 255)
         colorNumReverse = !colorNumReverse;
     }
     nameElement.style.backgroundImage = `linear-gradient(45deg, rgb(${colorNum}, 66, ${255 - (66 - colorNum)}), rgb(${255 - (66 - colorNum)}, 66, ${colorNum}))`;
@@ -35,10 +34,10 @@ onMounted(() => {
     <div class="name" id="my-name">特恩(TONE)</div>
     <div class="self-introduction">一名计算机类专业在校本科大二学生</div>
     <div class="button-container">
-      <a href="https://space.bilibili.com/474156211">
+      <a href="https://space.bilibili.com/474156211" target="_blank">
         <button class="button" id="button-resource">哔哩哔哩</button>
       </a>
-      <a href="https://github.com/tonecn">
+      <a href="https://github.com/tonecn" target="_blank">
         <button class="button button-style2" id="button-code">GitHub</button>
       </a>
     </div>
@@ -146,6 +145,7 @@ onMounted(() => {
     height: 40px;
   }
 }
+
 @media screen and (max-width: 800px) {
   .main-container {
     height: calc(v-bind(containerHeight) + 15px);