From 131d730a8f9fb301326cf22359930d3be67836a9 Mon Sep 17 00:00:00 2001 From: mackt <1033530438@qq.com> Date: Thu, 11 Apr 2024 14:43:14 +0800 Subject: [PATCH] update(page): Add app store qrCode and add baidu hm script. --- public/img/download/qrcode_apple.svg | 9 +++++++++ src/app/download/components/DownloadCard.tsx | 2 ++ src/app/download/page.tsx | 12 ++++++------ src/app/layout.tsx | 4 ++++ src/app/page.tsx | 12 ++++++------ src/types/home.d.ts | 1 + 6 files changed, 28 insertions(+), 12 deletions(-) create mode 100644 public/img/download/qrcode_apple.svg 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