update(page): Add app store qrCode and add baidu hm script.

src/app/download/components/DownloadCard.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { useState } from 'react';
 
 import Image from 'next/image';

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<DownloadQrcodeCard> = [
   {
+    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="/"
-          />{' '}
+          />
           <Image width={143} height={24} src="/img/download/slogan_line3.svg" alt="独立 不独于世" />
         </div>
 
         {/* APP二维码 */}
         <div className="flex flex-row">
-          {qrCodeList.map(({ platform, iconUrl, qrCode }) => (
-            <DownloadCard key={platform} platform={platform} iconUrl={iconUrl} qrCode={qrCode} />
+          {qrCodeList.map((item: DownloadQrcodeCard) => (
+            <DownloadCard key={item.id} {...item} />
           ))}
         </div>
       </div>

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
         <Footer />
         {/* <PlayerBar /> */}
       </body>
+
+      <Script src="https://hm.baidu.com/hm.js?89d54ff4e336c923a74ee045cc600c6a" async />
     </html>
   );
 }

src/app/page.tsx

@@ -1,16 +1,16 @@
-'use client';
-
 import Image from 'next/image';
 
 import DownloadCard from '@/app/download/components/DownloadCard';
 
 const qrCodeList: Array<DownloadQrcodeCard> = [
   {
+    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="/"
-          />{' '}
+          />
           <Image width={143} height={24} src="/img/download/slogan_line3.svg" alt="独立 不独于世" />
         </div>
 
         {/* APP二维码 */}
         <div className="flex flex-row">
-          {qrCodeList.map(({ platform, iconUrl, qrCode }) => (
-            <DownloadCard key={platform} platform={platform} iconUrl={iconUrl} qrCode={qrCode} />
+          {qrCodeList.map((item: DownloadQrcodeCard) => (
+            <DownloadCard key={item.id} {...item} />
           ))}
         </div>
       </div>

src/types/home.d.ts

@@ -1,4 +1,5 @@
 declare interface DownloadQrcodeCard {
+  id: 'apple' | 'android';
   platform: 'APP Store' | 'Android';
   iconUrl: string;
   qrCode: string;