From d70e7da0b11f51d1864859377eaea8d3119b9414 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=A5=87=E8=B6=A3=E4=BF=9D=E7=BD=97?= Date: Wed, 13 Apr 2022 23:28:50 +0800 Subject: [PATCH] Feat: Add Frontend Pages MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 新增网易云、随机动漫音乐和 404 页面，修改其他页面，引入 PrismJS 实现代码高亮 --- index.html | 2 +- package.json | 2 + src/index.css | 12 ++- src/index.tsx | 7 +- src/pages/404.tsx | 14 +++ src/pages/acgm.tsx | 200 ++++++++++++++++++++++++++++++++++++++++ src/pages/bing.tsx | 44 +++++---- src/pages/netease.tsx | 176 +++++++++++++++++++++++++++++++++++ src/pages/wallpaper.tsx | 15 ++- yarn.lock | 10 ++ 10 files changed, 455 insertions(+), 27 deletions(-) create mode 100644 src/pages/404.tsx create mode 100644 src/pages/acgm.tsx create mode 100644 src/pages/netease.tsx diff --git a/index.html b/index.html index 72379f1..15c645d 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,5 @@ - + diff --git a/package.json b/package.json index bdb8eee..979f69d 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,7 @@ "ahooks": "^3.3.0", "isomorphic-unfetch": "^3.1.0", "lodash": "^4.17.21", + "prismjs": "^1.27.0", "react": "^17.0.2", "react-dom": "^17.0.2", "react-router-dom": "^6.3.0", @@ -24,6 +25,7 @@ "devDependencies": { "@midwayjs/mock": "^3.3.0", "@types/lodash": "^4.14.181", + "@types/prismjs": "^1.26.0", "@types/react": "^17.0.44", "@types/react-dom": "^17.0.15", "@vitejs/plugin-react": "^1.3.0", diff --git a/src/index.css b/src/index.css index 0865d7d..28d6ea1 100644 --- a/src/index.css +++ b/src/index.css @@ -38,6 +38,16 @@ button{ font-style: normal; } +.btn-group{ + row-gap: .5em; + display: flex; + align-items: center; +} + +.btn-group .btn{ + margin-right: .5em; +} + /* 1 - 页眉 -------------------------------- */ .sidebar{ @@ -168,7 +178,7 @@ button{ -------------------------------- */ main, footer{ margin: auto; - max-width: 45em; + max-width: 50em; } main .header{ diff --git a/src/index.tsx b/src/index.tsx index 63cb2e7..7aca33d 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -8,8 +8,11 @@ import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; import Aside from "./components/Layout/Aside"; import Home from "./pages/index"; +import Netease from "./pages/netease"; import Wallpaper from "./pages/wallpaper"; +import ACGM from "./pages/acgm"; import Bing from "./pages/bing"; +import NoMatch from "./pages/404"; function App() { return ( @@ -17,9 +20,11 @@ function App() {