diff --git a/public/img/download/footer_android.svg b/public/img/download/footer_android.svg new file mode 100644 index 0000000..b84c8b1 --- /dev/null +++ b/public/img/download/footer_android.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/img/download/footer_ios.svg b/public/img/download/footer_ios.svg new file mode 100644 index 0000000..26b6b95 --- /dev/null +++ b/public/img/download/footer_ios.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/img/download/footer_mac.svg b/public/img/download/footer_mac.svg new file mode 100644 index 0000000..3152ffb --- /dev/null +++ b/public/img/download/footer_mac.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/img/download/footer_pad.svg b/public/img/download/footer_pad.svg new file mode 100644 index 0000000..b125679 --- /dev/null +++ b/public/img/download/footer_pad.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/Footer/Copyright.tsx b/src/components/Footer/Copyright.tsx new file mode 100644 index 0000000..2066e33 --- /dev/null +++ b/src/components/Footer/Copyright.tsx @@ -0,0 +1,39 @@ +import Link from 'next/link'; + +import { agreementList } from './data'; + +export default function Copyright({ className }: { className?: string }) { + return ( +
+ {/* 备案信息 */} +

+ + 粤ICP备2024190175号-1 + +     + + 粤公网安备44030002002777号 + +     + 深圳雀乐文化科技有限责任公司 Shenzhen QueYue Culture Technology Co., Ltd. +

+ + {/* 协议 */} +

+ {agreementList.map(({ name, url }) => ( + + {name} + + ))} +

+
+ ); +} diff --git a/src/components/Footer/DownLoadItem.tsx b/src/components/Footer/DownLoadItem.tsx new file mode 100644 index 0000000..6a67d8f --- /dev/null +++ b/src/components/Footer/DownLoadItem.tsx @@ -0,0 +1,19 @@ +export default function DownLoadItem({ + name, + imgUrl, + className, +}: { + name: string; + imgUrl: string; + className?: string; +}) { + return ( +
+
+
{name}
+
+ ); +} diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx new file mode 100644 index 0000000..59258c8 --- /dev/null +++ b/src/components/Footer/Footer.tsx @@ -0,0 +1,23 @@ +import Copyright from './Copyright'; +import FooterDownload from './FooterDownload'; +import FooterPlatform from './FooterPlatform'; +import FooterSocial from './FooterSocial'; + +export default function Footer() { + return ( + + ); +} diff --git a/src/components/Footer/FooterDownload.tsx b/src/components/Footer/FooterDownload.tsx new file mode 100644 index 0000000..590a04b --- /dev/null +++ b/src/components/Footer/FooterDownload.tsx @@ -0,0 +1,15 @@ +import { downloadList } from './data'; +import DownLoadItem from './DownLoadItem'; + +export default function FooterPlatform({ className }: { className?: string }) { + return ( +
+

下载雀乐客户端

+ +
+ ); +} diff --git a/src/components/Footer/FooterPlatform.tsx b/src/components/Footer/FooterPlatform.tsx new file mode 100644 index 0000000..1c85871 --- /dev/null +++ b/src/components/Footer/FooterPlatform.tsx @@ -0,0 +1,20 @@ +import Link from 'next/link'; + +import { platformList } from './data'; + +export default function FooterPlatform({ className }: { className?: string }) { + return ( +
+

雀乐开放平台

+ +
+ ); +} diff --git a/src/components/Footer/FooterSocial.tsx b/src/components/Footer/FooterSocial.tsx new file mode 100644 index 0000000..98f4caf --- /dev/null +++ b/src/components/Footer/FooterSocial.tsx @@ -0,0 +1,30 @@ +import Link from 'next/link'; + +import { socialList } from './data'; + +const Line = ({ data }: { data: Array<{ name: string; url: string; target?: string }> }) => { + return ( +
+ {data.map((item, index) => ( +
  • + + {item.name} + +
    • + ))} +
    + ); +}; + +export default function FooterSocial({ className }: { className?: string }) { + return ( +
    +

    雀乐社交账号

    + +
    + ); +} diff --git a/src/components/Footer.tsx b/src/components/Footer/MiniFooter.tsx similarity index 67% rename from src/components/Footer.tsx rename to src/components/Footer/MiniFooter.tsx index 9a01db2..e8605b2 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer/MiniFooter.tsx @@ -1,23 +1,6 @@ -export default function Footer() { - const agreementList = [ - { - name: '知识产权说明', - url: 'http://cdn.indie.cn/html/agreement/intellectualPropertyDescription.html', - }, - { - name: '注册协议', - url: 'http://cdn.indie.cn/html/agreement/registrationAgreement.html', - }, - { - name: '隐私政策', - url: 'http://cdn.indie.cn/html/agreement/privacyPolicy.html', - }, - { - name: '投诉指引', - url: 'http://cdn.indie.cn/html/agreement/complaintGuidelines.html', - }, - ]; +import { agreementList } from './data'; +export default function Footer() { return (