From 4bb06d152a1cba7f8e7d7e30485fdc91abc0bafd Mon Sep 17 00:00:00 2001 From: mackt <1033530438@qq.com> Date: Thu, 18 Apr 2024 11:44:31 +0800 Subject: [PATCH] feat(Footer): new Footer --- public/img/download/footer_android.svg | 3 + public/img/download/footer_ios.svg | 3 + public/img/download/footer_mac.svg | 3 + public/img/download/footer_pad.svg | 3 + src/components/Footer/Copyright.tsx | 39 ++++++++ src/components/Footer/DownLoadItem.tsx | 19 ++++ src/components/Footer/Footer.tsx | 23 +++++ src/components/Footer/FooterDownload.tsx | 15 +++ src/components/Footer/FooterPlatform.tsx | 20 ++++ src/components/Footer/FooterSocial.tsx | 30 ++++++ .../{Footer.tsx => Footer/MiniFooter.tsx} | 21 +--- src/components/Footer/data.ts | 96 +++++++++++++++++++ src/components/index.ts | 3 +- 13 files changed, 258 insertions(+), 20 deletions(-) create mode 100644 public/img/download/footer_android.svg create mode 100644 public/img/download/footer_ios.svg create mode 100644 public/img/download/footer_mac.svg create mode 100644 public/img/download/footer_pad.svg create mode 100644 src/components/Footer/Copyright.tsx create mode 100644 src/components/Footer/DownLoadItem.tsx create mode 100644 src/components/Footer/Footer.tsx create mode 100644 src/components/Footer/FooterDownload.tsx create mode 100644 src/components/Footer/FooterPlatform.tsx create mode 100644 src/components/Footer/FooterSocial.tsx rename src/components/{Footer.tsx => Footer/MiniFooter.tsx} (67%) create mode 100644 src/components/Footer/data.ts 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 (