diff --git a/public/img/about/qrcode-wechat.svg b/public/img/about/qrcode-wechat.svg new file mode 100644 index 0000000..f846e13 --- /dev/null +++ b/public/img/about/qrcode-wechat.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/img/about/thank.svg b/public/img/about/thank.svg new file mode 100644 index 0000000..daff4fa --- /dev/null +++ b/public/img/about/thank.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/public/img/icon/arrow-right.svg b/public/img/icon/arrow-right.svg new file mode 100644 index 0000000..7b0c118 --- /dev/null +++ b/public/img/icon/arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/app/about/about.module.css b/src/app/about/about.module.css new file mode 100644 index 0000000..6e17828 --- /dev/null +++ b/src/app/about/about.module.css @@ -0,0 +1,29 @@ +.halo { + position: absolute; + top: 160px; + left: 240px; + width: 560px; + height: 280px; + margin-left: 30px; + background: linear-gradient(135.88deg, rgba(255, 240, 240, 0.0126) 31.88%, rgba(255, 53, 53, 0.06) 75.38%); + filter: blur(50px); + transform: matrix(1, -0.09, -0.02, 1, 0, 0); +} + +.weibo { + position: relative; + color: #000; + font-size: 20px; + line-height: 28px; +} + +.weibo::after { + content: ''; + display: block; + left: 83px; + bottom: 0; + position: absolute; + width: 24px; + height: 24px; + background: url('/img/icon/arrow-right.svg'); +} diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx new file mode 100644 index 0000000..522a264 --- /dev/null +++ b/src/app/about/page.tsx @@ -0,0 +1,88 @@ +import Image from 'next/image'; + +import styles from './about.module.css'; + +export default function Download() { + return ( +
+
+ {/* about */} +
+

关于雀乐

+

原「落网APP」

+
+

+ 听音乐是蛮私人的事情，我们去做这些歌单同样也是，不过，一个产品影响到那么多人之后，个体表达就变成了群体表达，音乐总是能够让人超脱于此刻和当下，变成了记忆里最底层的符号。 +

+
+

+ 我们赤裸裸的来，我们沉淀淀的去，我们之所以沉淀下来，是因为你们都在，因为你们都在，我才无所畏惧！
+ Indie but not in die +

+
+
+ + {/* contributor */} +
+

贡献者

+ +
+ + 贡献者 + +
+

+ 无论是过去的“落网”还是现在的“雀乐”，到现在为止已经走过了二十多个年头。这一路走来充满着艰辛和不易，但是无论再多的苦难，我们终究还是坚持了下来。当然，止步不前的坚持是毫无意义的，我们想去创造更好的未来。我们想让更多真诚的音乐能够让更多的人接触到、想让更多的独立音乐人能够通过自己的创作获得应有的报酬和尊重、想让雀乐成为国内最好的独立音乐传播平台。 +

+
+

+ 值得庆幸的是，虽然外面的世界多变且让人充满着畏惧。但是人更多的时候是充满着善意的。 +
+ + 以下的这些朋友们在我们最困难的时候用自己力所能及的方式支持着我们达成一个个目标，是他们无私的奉献，才有着“雀乐”一步步拓实的脚印以面对这复杂的世界、才有着上面的想法能够逐步实现。 + +

+
+

+ 如果你也想加入我们，无论是提供技术、资金或是其他任何方式的支持，都可以加 + 微信号indier + 联系到我们。
+ 感谢音乐，感谢遇见，感谢所有的贡献者。还有感谢那些途中参与过，给予我们帮助的人们。所有的奉献都值得被铭记。 +

+
+ +

- 雀乐团队

+
+ + {/* contributor wall */} +
+ + {/* 联系我们 */} +
+

联系我们

+ +
+

商务合作

+

rock@indie.cn

+
+ +
+

Weibo

+

官方微博

+
+ +
+ wechat qrCode +

雀乐公众号

+
+
+
+
+ ); +} diff --git a/src/app/download/components/download-card.module.css b/src/app/download/components/download-card.module.css index 32463e3..754edb3 100644 --- a/src/app/download/components/download-card.module.css +++ b/src/app/download/components/download-card.module.css @@ -1,4 +1,3 @@ -/* w-[136px] h-[136px] rounded-[9px] bg-[#fff] :before:content-[''] :before:bg-[#fff] */ .qrcodeContainer { position: relative; width: 130px; @@ -8,7 +7,7 @@ background-color: #fff; } -.qrcodeContainer:before { +.qrcodeContainer::before { position: absolute; top: -6px; left: 62px; diff --git a/src/app/globals.css b/src/app/globals.css index ab4e652..f7af6c9 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -10,6 +10,11 @@ } } +html, +body { + min-height: 100%; +} + body { background: var(--body-bg-color); font-family: 'PingFang SC-Regular', Helvetica; diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx index 110dd2f..34700e4 100644 --- a/src/components/Header/index.tsx +++ b/src/components/Header/index.tsx @@ -24,7 +24,7 @@ export default function Header() { {menuList.map(({ name, path }) => (
  • {name}