diff --git a/frontend/src/features/listings/views/MobileHomeView.css b/frontend/src/features/listings/views/MobileHomeView.css index a09ac97..3746834 100644 --- a/frontend/src/features/listings/views/MobileHomeView.css +++ b/frontend/src/features/listings/views/MobileHomeView.css @@ -828,3 +828,35 @@ height: 40px; } } + +/* ========== 页脚 ========== */ +.home-footer { + display: flex; + align-items: center; + justify-content: center; + gap: 6px; + padding: 16px 12px calc(16px + env(safe-area-inset-bottom)); + color: #a0aab6; + font-size: 11px; + line-height: 1.6; + text-align: center; + flex-wrap: wrap; +} + +.home-footer-icp { + color: #a0aab6; + text-decoration: none; + transition: color 0.2s; +} + +.home-footer-icp:hover { + color: #5a6577; +} + +.home-footer-divider { + color: #d0d6e0; +} + +.home-footer-copyright { + color: #a0aab6; +} diff --git a/frontend/src/features/listings/views/MobileHomeView.vue b/frontend/src/features/listings/views/MobileHomeView.vue index d8608a3..28518fe 100644 --- a/frontend/src/features/listings/views/MobileHomeView.vue +++ b/frontend/src/features/listings/views/MobileHomeView.vue @@ -865,6 +865,17 @@ syncMobileHomeQuery() + + diff --git a/frontend/src/layouts/AppLayout.vue b/frontend/src/layouts/AppLayout.vue index 9d35b0a..bb39d2d 100644 --- a/frontend/src/layouts/AppLayout.vue +++ b/frontend/src/layouts/AppLayout.vue @@ -307,6 +307,19 @@ async function handleSupportClick() {
+ + @@ -910,6 +923,44 @@ async function handleSupportClick() { overflow-x: clip; } +/* ========== 页脚 ========== */ +.pc-footer { + flex-shrink: 0; + padding: 16px 24px; + background: #fff; + border-top: 1px solid #eef1f5; +} + +.pc-footer-inner { + display: flex; + align-items: center; + justify-content: center; + gap: 8px; + max-width: 1280px; + margin: 0 auto; + color: #8b9cb5; + font-size: 12px; + line-height: 1.6; +} + +.pc-footer-icp { + color: #8b9cb5; + text-decoration: none; + transition: color 0.2s; +} + +.pc-footer-icp:hover { + color: #5a6577; +} + +.pc-footer-divider { + color: #d8dfe8; +} + +.pc-footer-copyright { + color: #8b9cb5; +} + @media (max-width: 1280px) { .pc-realname-badge { display: none;