77 lines
2.3 KiB
TypeScript
Executable File
77 lines
2.3 KiB
TypeScript
Executable File
import {
|
|
CloudOutlined,
|
|
FileSearchOutlined,
|
|
HomeOutlined,
|
|
MailOutlined,
|
|
PhoneOutlined,
|
|
} from "@ant-design/icons";
|
|
|
|
export function MainFooter() {
|
|
return (
|
|
<footer className="bg-gradient-to-b from-slate-800 to-slate-900 relative z-10 text-secondary-200">
|
|
<div className="container mx-auto px-4 py-6">
|
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
|
|
{/* 开发组织信息 */}
|
|
<div className="text-center md:text-left space-y-2">
|
|
<h3 className="text-white font-semibold text-sm flex items-center justify-center md:justify-start">
|
|
软件与数据小组
|
|
</h3>
|
|
<p className="text-gray-400 text-xs italic">
|
|
提供技术支持
|
|
</p>
|
|
</div>
|
|
|
|
{/* 联系方式 */}
|
|
<div className="text-center space-y-2">
|
|
<div className="flex items-center justify-center space-x-2">
|
|
<PhoneOutlined className="text-gray-400" />
|
|
<span className="text-gray-300 text-xs">
|
|
628118
|
|
</span>
|
|
</div>
|
|
<div className="flex items-center justify-center space-x-2">
|
|
<MailOutlined className="text-gray-400" />
|
|
<span className="text-gray-300 text-xs">
|
|
gcsjs6@tx3l.nb.kj
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
{/* 系统链接 */}
|
|
<div className="text-center md:text-right space-y-2">
|
|
<div className="flex items-center justify-center md:justify-end space-x-4">
|
|
<a
|
|
href="https://27.57.72.21"
|
|
className="text-gray-400 hover:text-white transition-colors"
|
|
title="访问门户网站">
|
|
<HomeOutlined className="text-lg" />
|
|
</a>
|
|
<a
|
|
href="https://27.57.72.14"
|
|
className="text-gray-400 hover:text-white transition-colors"
|
|
title="访问烽火青云">
|
|
<CloudOutlined className="text-lg" />
|
|
</a>
|
|
|
|
<a
|
|
href="http://27.57.72.38"
|
|
className="text-gray-400 hover:text-white transition-colors"
|
|
title="访问烽火律询">
|
|
<FileSearchOutlined className="text-lg" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* 版权信息 */}
|
|
<div className="border-t border-gray-700/50 mt-4 pt-4 text-center">
|
|
<p className="text-gray-400 text-xs">
|
|
© {new Date().getFullYear()} 南天烽火. All rights
|
|
reserved.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|