diff --git a/public/img/download/qrcode_apple.svg b/public/img/download/qrcode_apple.svg new file mode 100644 index 0000000..16353d2 --- /dev/null +++ b/public/img/download/qrcode_apple.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/app/download/components/DownloadCard.tsx b/src/app/download/components/DownloadCard.tsx index 76ae088..4ee36d6 100644 --- a/src/app/download/components/DownloadCard.tsx +++ b/src/app/download/components/DownloadCard.tsx @@ -1,3 +1,5 @@ +'use client'; + import { useState } from 'react'; import Image from 'next/image'; diff --git a/src/app/download/page.tsx b/src/app/download/page.tsx index e398954..d666410 100644 --- a/src/app/download/page.tsx +++ b/src/app/download/page.tsx @@ -1,16 +1,16 @@ -'use client'; - import Image from 'next/image'; import DownloadCard from '@/app/download/components/DownloadCard'; const qrCodeList: Array = [ { + id: 'apple', platform: 'APP Store', iconUrl: '/img/download/logo_apple.svg', - qrCode: '', + qrCode: '/img/download/qrcode_apple.svg', }, { + id: 'android', platform: 'Android', iconUrl: '/img/download/logo_android.svg', qrCode: '/img/download/qrcode_android.svg', @@ -31,14 +31,14 @@ export default function Download() { height={20} src="/img/download/slogan_line2.svg" alt="/" - />{' '} + /> 独立 不独于世 {/* APP二维码 */}
- {qrCodeList.map(({ platform, iconUrl, qrCode }) => ( - + {qrCodeList.map((item: DownloadQrcodeCard) => ( + ))}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx index c5fa461..af79e59 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,3 +1,5 @@ +import Script from 'next/script'; + import { Header, Footer, PlayerBar } from '@/components'; import type { Metadata, Viewport } from 'next'; @@ -29,6 +31,8 @@ export default function RootLayout({ children }: Readonly<{ children: React.Reac