Merge branch 'main' of http://8.130.126.103:10880/liuqianpan2008/bk-vue

src/assets/main.css

@@ -31,25 +31,37 @@
 }
 
 body {
-    margin: 0;
-    font-size: 16px;
-    box-sizing: border-box;
-    background: var(--secondary-background-color);
-    color: var(--primary-text-color);
-}
-
-p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol, li, pre, code {
-    margin: 0;
-    padding: 0;
+  margin: 0;
+  font-size: 16px;
+  box-sizing: border-box;
+  background: var(--secondary-background-color);
+  color: var(--primary-text-color);
+}
+
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+blockquote,
+ul,
+ol,
+li,
+pre,
+code {
+  margin: 0;
+  padding: 0;
 }
 
 a {
-    text-decoration: none;
-    color: var(--link-color);
+  text-decoration: none;
+  color: var(--link-color);
 }
 
 ::-webkit-scrollbar {
-    display: none;
+  display: none;
 }
 
 .container {
@@ -65,69 +77,79 @@ a {
 }
 
 .aside {
-    width: 200px;
-    align-self: flex-start;
-    height: max-content;
-    background: var(--background-color);
-    padding: 20px;
-    border-radius: 12px;
-    transition: all .3s;
-    position: sticky;
-    top: 20px;
+  width: 200px;
+  align-self: flex-start;
+  height: max-content;
+  background: var(--background-color);
+  padding: 20px;
+  border-radius: 12px;
+  transition: all .3s;
+  position: sticky;
+  top: 20px;
 }
 
 .aside .avatar-box {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    margin-bottom: 20px;
-    background: var(--secondary-background-color);
-    padding: 20px;
-    line-height: 25px;
-    border-radius: 12px;
-    transition: all .3s;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-bottom: 20px;
+  background: var(--secondary-background-color);
+  padding: 20px;
+  line-height: 25px;
+  border-radius: 12px;
+  transition: all .3s;
 }
 
 .aside .avatar-box .avatar {
-    width: 100px;
-    height: 100px;
-    border-radius: 50%;
-    margin-bottom: 10px;
-    background: var(--background-color);
-    transition: all .3s;
+  width: 100px;
+  height: 100px;
+  border-radius: 50%;
+  margin-bottom: 10px;
+  background: var(--background-color);
+  transition: all .3s;
+}
+
+/* 鼠标进入后旋转180度，类开后恢复 */
+.aside .avatar-box .avatar:hover {
+  transform: rotate(720deg);
 }
 
 .aside .avatar-box .info {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    transition: all .3s;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  transition: all .3s;
 }
 
 .aside .avatar-box .blogger {
-    font-size: 18px;
-    font-weight: bold;
-    transition: all .3s;
+  font-size: 18px;
+  font-weight: bold;
+  transition: all .3s;
 }
 
 .aside .avatar-box .desc {
-    font-size: 14px;
-    opacity: 0.7;
-    text-align: center;
-    transition: all .3s;
+  font-size: 14px;
+  opacity: 0.7;
+  text-align: center;
+  transition: all .3s;
 }
 
 .main {
-    width: 0;
-    flex: 1;
-    transition: all .3s;
+  width: 0;
+  flex: 1;
+  transition: all .3s;
 }
 
 .footer {
-    padding: 20px;
-    margin: 20px 0;
-    background: var(--background-color);
-    border-radius: 12px;
+  padding: 20px;
+  margin: 20px 0;
+  background: var(--background-color);
+  border-radius: 12px;
+}
+
+.footer a {
+  color: inherit;
+  text-decoration: none;
 }
 
 

src/layouts/BlogFooter.vue

@@ -3,7 +3,7 @@
 
 <template>
 <div class="footer">
-    <p>枫林足，枫林脚，枫林的页脚长这样</p>
+    <p>&copy;疯淋小绽&nbsp;2025<br><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">冀ICP备2024057654号-2</a></p>
 </div>
 </template>