From 9b58af047924587dceed21297898bbae508a72f3 Mon Sep 17 00:00:00 2001
From: sunfree <17315650350@163.com>
Date: Thu, 11 Jul 2024 22:56:30 +0800
Subject: [PATCH] add new

---
 src/components/blogs/HomePage.vue | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/components/blogs/HomePage.vue b/src/components/blogs/HomePage.vue
index d81fc58..f145eb1 100644
--- a/src/components/blogs/HomePage.vue
+++ b/src/components/blogs/HomePage.vue
@@ -107,20 +107,20 @@
         <div class="footer">
             <div class="miit">
                 <a-space wrap>
-                    <a-text>
+                    <a-text type="link">
                         <component :is=iconComponents.BanQuanLined />
-                        <span>Copyright © 2024</span>
+                        <span class="miit-style">Copyright © 2024</span>
                     </a-text>
                     <a-button type="link" href="/home">
                         <component :is=iconComponents.TitleOutLined />
                         <span>SunFree</span>
                     </a-button>
-                    <a-button type="link" href="https://beian.miit.gov.cn/">
+                    <a-button type="link" href="https://beian.miit.gov.cn/" target="_blank">
                         <component :is=iconComponents.IcpLined />
                         <span>苏ICP备2024067473号-1</span>
                     </a-button>
 
-                    <a-button type="link" href="https://beian.mps.gov.cn/#/query/webSearch">
+                    <a-button type="link" href="https://beian.mps.gov.cn/#/query/webSearch" target="_blank">
                         <component :is=iconComponents.GongAnLined />
                         <span>苏公网安备32021402003003号</span>
                     </a-button>
@@ -128,19 +128,19 @@
             </div>
             <div class="badge">
                 <a-space wrap>
-                    <a-button type="link" class="badge-button" href="https://cn.vuejs.org/">
+                    <a-button type="link" class="badge-button" href="https://cn.vuejs.org/" target="_blank">
                         <span class="tag-nav">front-end</span>
                         <span class="tag-main-first">Vue.js</span>
                     </a-button>
-                    <a-button type="link" class="badge-button" href="https://fastapi.tiangolo.com/zh/">
+                    <a-button type="link" class="badge-button" href="https://fastapi.tiangolo.com/zh/" target="_blank">
                         <span class="tag-nav">back-end</span>
                         <span class="tag-main-second">FastAPI</span>
                     </a-button>
-                    <a-button type="link" class="badge-button" href="https://www.antdv.com/docs/vue/introduce-cn/">
+                    <a-button type="link" class="badge-button" href="https://www.antdv.com/docs/vue/introduce-cn/" target="_blank">
                         <span class="tag-nav">UI</span>
                         <span class="tag-main-third">Ant Design Vue</span>
                     </a-button>
-                    <a-button type="link" class="badge-button" href="https://cloud.tencent.com/">
+                    <a-button type="link" class="badge-button" href="https://cloud.tencent.com/" target="_blank">
                         <span class="tag-nav">VPS</span>
                         <span class="tag-main-fourth">tencent cloud</span>
                     </a-button>
@@ -741,18 +741,18 @@ watch(
 .footer a {
     color: #6e5555;
 }
-
-.footer .badge {
-    margin: 48px 0;
-}
 .footer .miit {
     margin: 48px 0 0 0;
 }
+.footer .badge {
+    margin: 48px 0;
+}
+
 .footer .badge .tag-nav {
     background-color: #505050;
 }
-.footer .miit span{
-    padding: 0 6px;
+.footer .miit-style{
+    padding: 0 0 0 6px;
 }
 .footer .badge span {
     padding: 0 6px;