diff --git a/public/img/download/background_2.png b/public/img/download/background_2.png index 10f284a..fa91104 100644 Binary files a/public/img/download/background_2.png and b/public/img/download/background_2.png differ diff --git a/public/img/download/slogan.svg b/public/img/download/duli.svg similarity index 100% rename from public/img/download/slogan.svg rename to public/img/download/duli.svg diff --git a/public/img/download/slogan_line1.svg b/public/img/download/slogan_line1.svg new file mode 100644 index 0000000..b39796c --- /dev/null +++ b/public/img/download/slogan_line1.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/img/download/slogan_line2.svg b/public/img/download/slogan_line2.svg new file mode 100644 index 0000000..5c652ce --- /dev/null +++ b/public/img/download/slogan_line2.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/img/download/slogan_line3.svg b/public/img/download/slogan_line3.svg new file mode 100644 index 0000000..8f32954 --- /dev/null +++ b/public/img/download/slogan_line3.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/app/download/components/download-card.module.css b/src/app/download/components/download-card.module.css new file mode 100644 index 0000000..32463e3 --- /dev/null +++ b/src/app/download/components/download-card.module.css @@ -0,0 +1,22 @@ +/* w-[136px] h-[136px] rounded-[9px] bg-[#fff] :before:content-[''] :before:bg-[#fff] */ +.qrcodeContainer { + position: relative; + width: 130px; + height: 130px; + margin-top: 14px; + border-radius: 9px; + background-color: #fff; +} + +.qrcodeContainer:before { + position: absolute; + top: -6px; + left: 62px; + content: ''; + display: block; + width: 0; + height: 0; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #fff; +} diff --git a/src/app/download/components/download-card.tsx b/src/app/download/components/download-card.tsx index a717390..3fcea65 100644 --- a/src/app/download/components/download-card.tsx +++ b/src/app/download/components/download-card.tsx @@ -1,22 +1,34 @@ import Image from 'next/image'; -export default function Footer({ platform, iconUrl, qrCode }: DownloadQrcodeCard) { - console.log({ platform, iconUrl, qrCode }); +import styles from './download-card.module.css'; +export default function Footer({ platform, iconUrl, qrCode }: DownloadQrcodeCard) { return ( -
+
{/* 卡片 */} -
- {`${platform}-icon`} +
+ {`${platform}-icon`}
-

下载应用

-

{platform}

+

+ 下载应用 +

+

{platform}

{/* 二维码 */} -
- {/* {qrCode && {`${platform}-qrCode`}} */} +
+ {qrCode ? ( + {`${platform}-qrCode`} + ) : ( +

努力开发中

+ )}
); diff --git a/src/app/download/page.tsx b/src/app/download/page.tsx index 47c73e5..cab8b3b 100644 --- a/src/app/download/page.tsx +++ b/src/app/download/page.tsx @@ -23,9 +23,11 @@ export default function Download() { {/* 首屏 */}
{/* slogan */} -

为独立音乐，雀跃

-

/

-

独立 不独于世

+
+ 为独立音乐，雀跃 + / + 独立 不独于世 +
{/* APP二维码 */}
@@ -36,12 +38,12 @@ export default function Download() {
{/* 第二屏 */} -
+
{/* 花体字-“我们回来了” */} - back + back {/* 诗歌 */} -

+

音乐是一种态度
不论是创作者还是聆听者 diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 2921d8c..30a2ba7 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,14 +1,31 @@ export default function Footer() { + const agreementList = [ + { + name: '服务条款', + url: '/', + }, + { + name: '版权声明', + url: '/', + }, + { + name: '许可协议', + url: '/', + }, + ]; + return ( -