liuyu/nofx
1
0
Fork 0
mirror of https://github.com/NoFxAiOS/nofx.git synced 2026-07-12 23:36:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(web): Footer 增加“支持的交易所”列（Binance、Aster DEX 图标与链接），对齐早期版本记忆

Browse Source
This commit is contained in:
Ember
2025-11-02 01:50:49 +08:00
parent aa5e66f7b8
commit 1413eb868e
1 changed files with 24 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
web/src/components/landing/FooterSection.tsx
View File

@@ -1,5 +1,6 @@
import { useLanguage } from '../../contexts/LanguageContext' import { useLanguage } from '../../contexts/LanguageContext'
import { t } from '../../i18n/translations' import { t } from '../../i18n/translations'
import { getExchangeIcon } from '../ExchangeIcons'
export default function FooterSection() { export default function FooterSection() {
const { language } = useLanguage() const { language } = useLanguage()
@@ -7,7 +8,7 @@ export default function FooterSection() {
<footer style={{ borderTop: '1px solid #2B3139', background: '#181A20' }}> <footer style={{ borderTop: '1px solid #2B3139', background: '#181A20' }}>
<div className="max-w-[1200px] mx-auto px-6 py-10"> <div className="max-w-[1200px] mx-auto px-6 py-10">
{/* Multi-link columns */} {/* Multi-link columns */}
<div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-8"> <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-8">
<div> <div>
<h3 className="text-sm font-semibold mb-3" style={{ color: '#EAECEF' }}>链接</h3> <h3 className="text-sm font-semibold mb-3" style={{ color: '#EAECEF' }}>链接</h3>
<ul className="space-y-2 text-sm" style={{ color: '#848E9C' }}> <ul className="space-y-2 text-sm" style={{ color: '#848E9C' }}>
@@ -35,6 +36,28 @@ export default function FooterSection() {
</ul> </ul>
</div> </div>
<div>
<h3 className="text-sm font-semibold mb-3" style={{ color: '#EAECEF' }}>支持的交易所</h3>
<ul className="space-y-3 text-sm" style={{ color: '#848E9C' }}>
<li>
<a className="hover:text-[#F0B90B] inline-flex items-center gap-2" href="https://www.binance.com/" target="_blank" rel="noopener noreferrer">
<span className="inline-flex items-center" style={{ width: 20, height: 20 }}>
{getExchangeIcon('binance', { width: 20, height: 20 })}
</span>
Binance
</a>
</li>
<li>
<a className="hover:text-[#F0B90B] inline-flex items-center gap-2" href="https://aster.network/" target="_blank" rel="noopener noreferrer">
<span className="inline-flex items-center" style={{ width: 20, height: 20 }}>
{getExchangeIcon('aster', { width: 20, height: 20 })}
</span>
Aster DEX
</a>
</li>
</ul>
</div>
<div> <div>
<h3 className="text-sm font-semibold mb-3" style={{ color: '#EAECEF' }}>支持</h3> <h3 className="text-sm font-semibold mb-3" style={{ color: '#EAECEF' }}>支持</h3>
<ul className="space-y-2 text-sm" style={{ color: '#848E9C' }}> <ul className="space-y-2 text-sm" style={{ color: '#848E9C' }}>