fix: anchor empty listing pages and footer

This commit is contained in:
Codex User
2026-09-09 11:44:25 +08:00
parent d72a83ade1
commit 2ed5d1d301
6 changed files with 39 additions and 16 deletions
+3 -4
View File
@@ -1,10 +1,9 @@
import { Link } from 'react-router-dom'
import { CASES as FALLBACK_CASES } from '@/data/mock'
import { useCMS, useCMSTexts, getCMSCases } from '@/services/cms'
import GlobalCTA from '@/components/Layout/GlobalCTA'
export default function Cases() {
const { data: CASES } = useCMS(getCMSCases, FALLBACK_CASES)
const { data: CASES } = useCMS(getCMSCases, [])
const { data: texts } = useCMSTexts()
return (
<div>
@@ -22,7 +21,7 @@ export default function Cases() {
</div>
<section className="section">
<div className="container">
<div className="grid-2">
{CASES.length ? <div className="grid-2">
{CASES.map(c => (
<Link key={c.id} to={`/cases/${c.slug}`} className="card" style={{ display: 'block' }}>
<div style={{ fontSize: 11, color: '#0f6b5b', fontWeight: 800, letterSpacing: '0.08em' }}>CASE · {c.status.toUpperCase()}</div>
@@ -31,7 +30,7 @@ export default function Cases() {
<span style={{ fontSize: 12, color: '#163E70', fontWeight: 700, marginTop: 10, display: 'inline-block' }}>{texts['cases.detail_link'] || '查看完整叙事'} →</span>
</Link>
))}
</div>
</div> : <div className="empty-state"><div><h2>{texts['cases.empty_title'] || '案例内容正在整理中'}</h2><p>{texts['cases.empty_description'] || '如需了解与企业当前阶段匹配的实践路径,欢迎直接咨询顾问。'}</p></div></div>}
</div>
</section>
<GlobalCTA />
+3 -4
View File
@@ -1,10 +1,9 @@
import { Link } from 'react-router-dom'
import { INSIGHTS as FALLBACK_INSIGHTS } from '@/data/mock'
import { useCMS, useCMSTexts, getCMSInsights } from '@/services/cms'
import GlobalCTA from '@/components/Layout/GlobalCTA'
export default function Insights() {
const { data: INSIGHTS } = useCMS(getCMSInsights, FALLBACK_INSIGHTS)
const { data: INSIGHTS } = useCMS(getCMSInsights, [])
const { data: texts } = useCMSTexts()
return (
<div>
@@ -22,7 +21,7 @@ export default function Insights() {
</div>
<section className="section">
<div className="container">
<div className="grid-2">
{INSIGHTS.length ? <div className="grid-2">
{INSIGHTS.map(i => (
<Link key={i.id} to={`/insights/${i.slug}`} className="card" style={{ display: 'block' }}>
<div style={{ fontSize: 11, color: '#0f6b5b', fontWeight: 800, letterSpacing: '0.08em' }}>{i.category.toUpperCase()}</div>
@@ -33,7 +32,7 @@ export default function Insights() {
</div>
</Link>
))}
</div>
</div> : <div className="empty-state"><div><h2>{texts['insights.empty_title'] || '内容正在持续沉淀'}</h2><p>{texts['insights.empty_description'] || '欢迎关注企业进化、价值坐标与经营现场的后续观察。'}</p></div></div>}
</div>
</section>
<GlobalCTA />
+3 -4
View File
@@ -1,10 +1,9 @@
import { Link } from 'react-router-dom'
import { SERVICES as FALLBACK_SERVICES } from '@/data/mock'
import { useCMS, useCMSTexts, getCMSServices } from '@/services/cms'
import GlobalCTA from '@/components/Layout/GlobalCTA'
export default function Services() {
const { data: SERVICES } = useCMS(getCMSServices, FALLBACK_SERVICES)
const { data: SERVICES } = useCMS(getCMSServices, [])
const { data: texts } = useCMSTexts()
return (
<div>
@@ -22,7 +21,7 @@ export default function Services() {
</div>
<section className="section">
<div className="container">
<div className="grid-3">
{SERVICES.length ? <div className="grid-3">
{SERVICES.map(s => (
<div key={s.id} className="card" style={{ display: 'flex', flexDirection: 'column' }}>
<div style={{ fontSize: 11, letterSpacing: '0.08em', color: s.serviceType === 'standard' ? '#163E70' : '#0f6b5b', fontWeight: 800 }}>
@@ -52,7 +51,7 @@ export default function Services() {
</div>
</div>
))}
</div>
</div> : <div className="empty-state"><div><h2>{texts['services.empty_title'] || '服务内容正在更新中'}</h2><p>{texts['services.empty_description'] || '欢迎联系我们,获取适合企业当前阶段的沟通与服务建议。'}</p></div></div>}
</div>
</section>
<GlobalCTA />