diff --git a/public/img/download/logo_android.png b/public/img/download/logo_android.png new file mode 100644 index 0000000..a6256c0 Binary files /dev/null and b/public/img/download/logo_android.png differ diff --git a/public/img/download/logo_apple.png b/public/img/download/logo_apple.png new file mode 100644 index 0000000..9f9d1ca Binary files /dev/null and b/public/img/download/logo_apple.png differ diff --git a/public/img/download/qrcode_android.svg b/public/img/download/qrcode_android.svg new file mode 100644 index 0000000..36c3a50 --- /dev/null +++ b/public/img/download/qrcode_android.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/app/download/components/download-card.tsx b/src/app/download/components/download-card.tsx new file mode 100644 index 0000000..a717390 --- /dev/null +++ b/src/app/download/components/download-card.tsx @@ -0,0 +1,23 @@ +import Image from 'next/image'; + +export default function Footer({ platform, iconUrl, qrCode }: DownloadQrcodeCard) { + console.log({ platform, iconUrl, qrCode }); + + return ( +
+ {/* 卡片 */} +
+ {`${platform}-icon`} +
+

下载应用

+

{platform}

+
+
+ + {/* 二维码 */} +
+ {/* {qrCode && {`${platform}-qrCode`}} */} +
+
+ ); +} diff --git a/src/app/download/page.tsx b/src/app/download/page.tsx index 0ba13de..47c73e5 100644 --- a/src/app/download/page.tsx +++ b/src/app/download/page.tsx @@ -2,6 +2,21 @@ import Image from 'next/image'; +import DownloadCard from './components/download-card'; + +const qrCodeList: Array = [ + { + platform: 'APP Store', + iconUrl: '/img/download/logo_apple.svg', + qrCode: '', + }, + { + platform: 'Android', + iconUrl: '/img/download/logo_android.svg', + qrCode: '/img/download/qrcode_android.svg', + }, +]; + export default function Download() { return (
@@ -11,12 +26,19 @@ export default function Download() {

为独立音乐，雀跃

/

独立 不独于世

+ + {/* APP二维码 */} +
+ {qrCodeList.map(({ platform, iconUrl, qrCode }) => ( + + ))} +
{/* 第二屏 */}
{/* 花体字-“我们回来了” */} - wx-share + back {/* 诗歌 */}

diff --git a/src/types/home.d.ts b/src/types/home.d.ts new file mode 100644 index 0000000..5c944b9 --- /dev/null +++ b/src/types/home.d.ts @@ -0,0 +1,5 @@ +declare interface DownloadQrcodeCard { + platform: 'APP Store' | 'Android'; + iconUrl: string; + qrCode: string; +} diff --git a/src/utils/download.ts b/src/utils/download.ts deleted file mode 100644 index 2ac6387..0000000 --- a/src/utils/download.ts +++ /dev/null @@ -1,9 +0,0 @@ -import { Hosting } from '@/utils/ua'; - -// 下载 -export const download = () => { - const ua = window?.navigator?.userAgent?.toLowerCase(); - if (!Hosting.isWX(ua)) { - window.open('//cdn.indie.cn/release/queyue.apk', '__blank'); - } -};