admin/wot-design-uni
1
0
Fork 0
mirror of https://gitee.com/wot-design-uni/wot-design-uni.git synced 2025-12-06 09:08:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: 🚀 内容调整

Browse Source
This commit is contained in:
不如摸鱼去 2025-08-28 13:05:51 +08:00
parent 848dfc98b4
commit f5f7266c31
1 changed files with 65 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
docs/.vitepress/theme/components/CustomFooter.vue
View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: weisheng * @Author: weisheng
* @Date: 2024-01-07 00:46:50 * @Date: 2025-05-08 22:54:27
* @LastEditTime: 2024-12-07 14:23:56 * @LastEditTime: 2025-08-28 13:04:43
* @LastEditors: weisheng * @LastEditors: weisheng
* @Description: * @Description:
* @FilePath: /wot-design-uni/docs/.vitepress/theme/components/CustomFooter.vue * @FilePath: /wot-design-uni/docs/.vitepress/theme/components/CustomFooter.vue
@ -16,17 +16,27 @@ const { theme }:any = useData()
const { hasSidebar } = useSidebar() const { hasSidebar } = useSidebar()
const isNetlify = ref<boolean>(false) const isNetlify = ref<boolean>(false)
const isWotUiDomain = ref<boolean>(false)
const copyright = computed(()=>{ const copyright = computed(()=>{
if (isNetlify.value) { let copyrightText = theme.value.footer.copyright
return `${theme.value.footer.copyright} | <a style="text-decoration: none;" href="https://www.netlify.com">This site is powered by Netlify</a>`
}else{ if (isWotUiDomain.value) {
return theme.value.footer.copyright 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(() => { 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> </script>
@ -44,8 +54,10 @@ onMounted(() => {
position: relative; position: relative;
z-index: var(--vp-z-index-footer); z-index: var(--vp-z-index-footer);
border-top: 1px solid var(--vp-c-gutter); border-top: 1px solid var(--vp-c-gutter);
padding: 32px 24px; padding: 40px 24px 32px;
background-color: var(--vp-c-bg); 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 { .VPFooter.has-sidebar {
@ -53,18 +65,40 @@ onMounted(() => {
} }
.VPFooter :deep(a) { .VPFooter :deep(a) {
text-decoration-line: underline; color: var(--vp-c-brand-1);
text-underline-offset: 2px; text-decoration: none;
transition: color 0.25s; padding: 2px 6px;
border-radius: 4px;
transition: all 0.3s ease;
position: relative;
font-weight: 500;
} }
.VPFooter :deep(a:hover) { .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) { @media (min-width: 768px) {
.VPFooter { .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; 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 { .copyright {
line-height: 24px; line-height: 26px;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 400;
color: var(--vp-c-text-2); color: var(--vp-c-text-2);
opacity: 0.8;
transition: opacity 0.3s ease;
}
.copyright:hover {
opacity: 1;
} }
</style> </style>