liaohui
/
doctor-mail
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add

This commit is contained in:
Li1304553726 2025-04-16 08:59:06 +08:00
parent 05f17e5ffb
commit a5bcb50e1f
1 changed files with 67 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

134
apps/web/src/components/layout/main/Footer.tsx
View File

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