gxwebsoft
/
next-10398
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

优化网站底部、解决居中问题

master
科技小王子 3 months ago
parent
a6734ba143
commit
551e932b5c
3 changed files with 166 additions and 174 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      src/api/layout/index.ts
  2. 1
      src/app/globals.css
  3. 52
      src/components/layout/Footer.tsx

3
src/api/layout/index.ts
View File

@ -43,7 +43,8 @@ export async function getNavigations(position?: number): Promise<CmsNavigation[]
{
params: {
position, // 0不限 1顶部 2底部
status: 0 // 只获取正常状态的菜单
status: 0, // 只获取正常状态的菜单
hide: 0 // 0显示 1隐藏
}
}
);

1
src/app/globals.css
View File

@ -20,7 +20,6 @@
* {
box-sizing: border-box;
padding: 0;
margin: 0 auto;
}
html,

52
src/components/layout/Footer.tsx
View File

@ -48,12 +48,12 @@ const Footer = () => {
// 使用接口数据或默认数据
const footerLinks = Object.keys(groupedNavs).length > 0 ? groupedNavs : defaultFooterLinks;
console.log(footerLinks,'footerLinks')
return (
<footer className="bg-gray-900 text-white">
<Container className="py-12">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
<footer className="bg-gray-900 text-white mt-12">
<Container>
<div className={'h-8'}></div>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-8">
{/* 网站信息 */}
<div className="lg:col-span-1">
<div className="flex items-center space-x-2 mb-4">
@ -66,22 +66,14 @@ const Footer = () => {
className="h-8 w-auto filter brightness-0 invert"
/>
)}
{/*<span className="text-xl font-bold">*/}
{/* {siteInfo?.websiteName || '网站名称'}*/}
{/*</span>*/}
</div>
{siteInfo?.comments && (
<p className="text-gray-400 text-sm mb-4 leading-relaxed">
{siteInfo.comments}
</p>
)}
<div className="space-y-2 text-sm text-gray-400">
{siteInfo?.phone && (
<div className="flex items-center space-x-2">
<svg className="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
<path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z" />
<path
d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"/>
</svg>
<span>{siteInfo.phone}</span>
</div>
@ -90,7 +82,8 @@ const Footer = () => {
{siteInfo?.email && (
<div className="flex items-center space-x-2">
<svg className="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
<path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z" />
<path
d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"/>
<path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"/>
</svg>
<span>{siteInfo.email}</span>
@ -100,7 +93,9 @@ const Footer = () => {
{siteInfo?.address && (
<div className="flex items-start space-x-2">
<svg className="w-4 h-4 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
<path fillRule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clipRule="evenodd" />
<path fillRule="evenodd"
d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z"
clipRule="evenodd"/>
</svg>
<span className="leading-relaxed">{siteInfo.address}</span>
</div>
@ -129,16 +124,15 @@ const Footer = () => {
</div>
))}
</div>
{/* 底部版权信息 */}
<div className="border-t border-gray-800 mt-8 pt-8">
<div className="border-t border-gray-800 mt-8 pt-8 pb-12">
<div className="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0">
<div className="text-sm text-gray-400">
<p>
© {currentYear} {siteInfo?.websiteName || '网站名称'}. 保留所有权利.
<p className={'my-1'}>
© {currentYear} {siteInfo?.websiteName || '网站名称'} 保留所有权利
</p>
{siteInfo?.icpNo && (
<p className="mt-1">
<p>
<a
href="https://beian.miit.gov.cn/"
target="_blank"
@ -150,7 +144,7 @@ const Footer = () => {
</p>
)}
{siteInfo?.policeNo && (
<p className="mt-1">
<p>
<a
href="http://www.beian.gov.cn/"
target="_blank"
@ -164,25 +158,23 @@ const Footer = () => {
</div>
{/* 社交媒体链接 */}
<div className="flex space-x-4">
<a href="#" className="text-gray-400 hover:text-white transition-colors">
<svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
<path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/>
</svg>
</a>
<div className="flex space-x-4 py-16">
<a href="#" className="text-gray-400 hover:text-white transition-colors">
<svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
<path d="M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z"/>
<path
d="M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z"/>
</svg>
</a>
<a href="#" className="text-gray-400 hover:text-white transition-colors">
<svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
<path
d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
</svg>
</a>
</div>
</div>
</div>
<div className={'h-8'}></div>
</Container>
</footer>
);

Write Preview
Loading…
Cancel
Save