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

src/api/layout/index.ts

@@ -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隐藏
       }
     }
   );

src/app/globals.css

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

src/components/layout/Footer.tsx

@@ -1,12 +1,12 @@
 'use client';
 import Link from 'next/link';
 import Image from 'next/image';
-import { useSiteInfoValue } from '@/hooks/useSiteInfo';
-import { CmsNavigation } from '@/api/cms/cmsNavigation/model';
+import {useSiteInfoValue} from '@/hooks/useSiteInfo';
+import {CmsNavigation} from '@/api/cms/cmsNavigation/model';
 import Container from '@/components/layout/Container';
 
 const Footer = () => {
-  const { siteInfo, bottomNavs } = useSiteInfoValue();
+    const {siteInfo, bottomNavs} = useSiteInfoValue();
     const currentYear = new Date().getFullYear();
 
     // 按父级分组底部导航
@@ -21,39 +21,39 @@ const Footer = () => {
     // 如果没有底部导航数据，显示默认的静态菜单
     const defaultFooterLinks = {
         '产品服务': [
-      { title: '网站建设', path: '/products/website' },
-      { title: '移动应用', path: '/products/mobile' },
-      { title: '系统开发', path: '/products/system' },
-      { title: '电商平台', path: '/products/ecommerce' },
+            {title: '网站建设', path: '/products/website'},
+            {title: '移动应用', path: '/products/mobile'},
+            {title: '系统开发', path: '/products/system'},
+            {title: '电商平台', path: '/products/ecommerce'},
         ],
         '解决方案': [
-      { title: '企业数字化', path: '/solutions/digital' },
-      { title: '教育信息化', path: '/solutions/education' },
-      { title: '智慧城市', path: '/solutions/smart-city' },
-      { title: '工业互联网', path: '/solutions/industry' },
+            {title: '企业数字化', path: '/solutions/digital'},
+            {title: '教育信息化', path: '/solutions/education'},
+            {title: '智慧城市', path: '/solutions/smart-city'},
+            {title: '工业互联网', path: '/solutions/industry'},
         ],
         '技术支持': [
-      { title: '技术文档', path: '/docs' },
-      { title: '开发指南', path: '/guide' },
-      { title: 'API参考', path: '/api' },
-      { title: '常见问题', path: '/faq' },
+            {title: '技术文档', path: '/docs'},
+            {title: '开发指南', path: '/guide'},
+            {title: 'API参考', path: '/api'},
+            {title: '常见问题', path: '/faq'},
         ],
         '关于我们': [
-      { title: '公司介绍', path: '/about' },
-      { title: '新闻动态', path: '/news' },
-      { title: '招聘信息', path: '/careers' },
-      { title: '联系我们', path: '/contact' },
+            {title: '公司介绍', path: '/about'},
+            {title: '新闻动态', path: '/news'},
+            {title: '招聘信息', path: '/careers'},
+            {title: '联系我们', path: '/contact'},
         ],
     };
 
     // 使用接口数据或默认数据
     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,8 +82,9 @@ 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="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z" />
+                                        <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>
                                 </div>
@@ -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>
     );