chore: 🚀 内容调整

docs/.vitepress/theme/components/CustomFooter.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: weisheng
- * @Date: 2024-01-07 00:46:50
- * @LastEditTime: 2024-12-07 14:23:56
+ * @Date: 2025-05-08 22:54:27
+ * @LastEditTime: 2025-08-28 13:04:43
  * @LastEditors: weisheng
  * @Description: 
  * @FilePath: /wot-design-uni/docs/.vitepress/theme/components/CustomFooter.vue
@@ -16,17 +16,27 @@ const { theme }:any = useData()
 const { hasSidebar } = useSidebar()
 
 const isNetlify = ref<boolean>(false)
+const isWotUiDomain = ref<boolean>(false)
 
 const copyright = computed(()=>{
-  if (isNetlify.value) {
-    return `${theme.value.footer.copyright} | <a style="text-decoration: none;" href="https://www.netlify.com">This site is powered by Netlify</a>`
-  }else{
-    return theme.value.footer.copyright
+  let copyrightText = theme.value.footer.copyright
+  
+  if (isWotUiDomain.value) {
+    copyrightText += ' | <a href="https://beian.miit.gov.cn/" target="_blank" style="text-decoration: none;">沪ICP备2024070925号-4</a>'
   }
+  
+  if (isNetlify.value) {
+    copyrightText += ' | <a style="text-decoration: none;" href="https://www.netlify.com">This site is powered by Netlify</a>'
+  }
+  
+  return copyrightText
 })
 
 onMounted(() => {
-  isNetlify.value = typeof window !== 'undefined' ? window.location.href.includes('netlify') : false
+  if (typeof window !== 'undefined') {
+    isNetlify.value = window.location.href.includes('netlify')
+    isWotUiDomain.value = window.location.hostname.includes('wot-ui.cn')
+  }
 })
 </script>
 
@@ -44,8 +54,10 @@ onMounted(() => {
   position: relative;
   z-index: var(--vp-z-index-footer);
   border-top: 1px solid var(--vp-c-gutter);
-  padding: 32px 24px;
-  background-color: var(--vp-c-bg);
+  padding: 40px 24px 32px;
+  background: linear-gradient(135deg, var(--vp-c-bg) 0%, var(--vp-c-bg-soft) 100%);
+  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04);
+  transition: all 0.3s ease;
 }
 
 .VPFooter.has-sidebar {
@@ -53,18 +65,40 @@ onMounted(() => {
 }
 
 .VPFooter :deep(a) {
-  text-decoration-line: underline;
-  text-underline-offset: 2px;
-  transition: color 0.25s;
+  color: var(--vp-c-brand-1);
+  text-decoration: none;
+  padding: 2px 6px;
+  border-radius: 4px;
+  transition: all 0.3s ease;
+  position: relative;
+  font-weight: 500;
 }
 
 .VPFooter :deep(a:hover) {
-  color: var(--vp-c-text-1);
+  color: var(--vp-c-brand-2);
+  background-color: var(--vp-c-brand-soft);
+  transform: translateY(-1px);
+}
+
+.VPFooter :deep(a:active) {
+  transform: translateY(0);
 }
 
 @media (min-width: 768px) {
   .VPFooter {
-    padding: 32px;
+    padding: 48px 32px 40px;
+  }
+}
+
+@media (max-width: 767px) {
+  .VPFooter {
+    padding: 32px 20px 24px;
+  }
+  
+  .message,
+  .copyright {
+    font-size: 13px;
+    line-height: 20px;
   }
 }
 
@@ -74,11 +108,25 @@ onMounted(() => {
   text-align: center;
 }
 
-.message,
+.message {
+  line-height: 28px;
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--vp-c-text-1);
+  margin-bottom: 16px;
+  opacity: 0.9;
+}
+
 .copyright {
-  line-height: 24px;
+  line-height: 26px;
   font-size: 14px;
-  font-weight: 500;
+  font-weight: 400;
   color: var(--vp-c-text-2);
+  opacity: 0.8;
+  transition: opacity 0.3s ease;
+}
+
+.copyright:hover {
+  opacity: 1;
 }
 </style>