From f93467db1328a3be576754c20a97ce98b370bf15 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com> Date: Sun, 25 Jun 2023 14:05:35 +0800 Subject: [PATCH] =?UTF-8?q?=E5=BA=95=E9=83=A8tabBar=E7=BB=84=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/images/commen/empty.png | Bin 0 -> 12519 bytes src/components/bar-footer/index.module.scss | 10 +++ src/components/bar-footer/index.tsx | 71 ++++++++++++++++++++ src/components/footer/index.module.scss | 9 +++ src/components/footer/index.tsx | 11 +++ src/components/index.ts | 4 +- src/main.scss | 30 +++++++-- src/pages/index/index.tsx | 7 +- 8 files changed, 135 insertions(+), 7 deletions(-) create mode 100644 src/assets/images/commen/empty.png create mode 100644 src/components/bar-footer/index.module.scss create mode 100644 src/components/bar-footer/index.tsx create mode 100644 src/components/footer/index.module.scss create mode 100644 src/components/footer/index.tsx diff --git a/src/assets/images/commen/empty.png b/src/assets/images/commen/empty.png new file mode 100644 index 0000000000000000000000000000000000000000..dec7185b12e174f1a77b87c5c5271d607afed658 GIT binary patch literal 12519 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 W!{5Pn<1E#GGL+>t { + const navigate = useNavigate(); + const location = useLocation(); + const { pathname } = location; + + const tabs = [ + { + key: "/", + title: "首页", + icon: (active: boolean) => + active ? ( + + ) : ( + + ), + }, + { + key: "/study", + title: "学习", + icon: (active: boolean) => + active ? ( + + ) : ( + + ), + }, + { + key: "/member", + title: "我的", + icon: (active: boolean) => + active ? ( + + ) : ( + + ), + }, + ]; + + return ( +
+ navigate(value)}> + {tabs.map((item) => ( + + ))} + +
+ ); +}; diff --git a/src/components/footer/index.module.scss b/src/components/footer/index.module.scss new file mode 100644 index 0000000..bea2937 --- /dev/null +++ b/src/components/footer/index.module.scss @@ -0,0 +1,9 @@ +.footer-box { + width: 100%; + height: 12px; + font-size: 12px; + font-weight: 400; + color: rgba(0, 0, 0, 0.3); + line-height: 12px; + margin: 30px 0px; +} diff --git a/src/components/footer/index.tsx b/src/components/footer/index.tsx new file mode 100644 index 0000000..aad0e21 --- /dev/null +++ b/src/components/footer/index.tsx @@ -0,0 +1,11 @@ +import React from "react"; +import styles from "./index.module.scss"; +import { useSelector } from "react-redux"; + +export const Footer: React.FC = () => { + const systemConfig = useSelector((state: any) => state.systemConfig.value); + + return ( +
{systemConfig.pcIndexFooterMsg}
+ ); +}; diff --git a/src/components/index.ts b/src/components/index.ts index 07b8514..472a489 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -1 +1,3 @@ -export * from "./empty" \ No newline at end of file +export * from "./empty"; +export * from "./footer"; +export * from "./bar-footer"; diff --git a/src/main.scss b/src/main.scss index 0d6bebf..66c05e8 100644 --- a/src/main.scss +++ b/src/main.scss @@ -1,14 +1,16 @@ +@import "./assets/iconfont/iconfont.css"; + body { margin: 0; } code { - font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', + font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace; } :root { - --adm-color-primary: #FF4D4F; + --adm-color-primary: #ff4d4f !important; --adm-color-success: #00b578; --adm-color-warning: #ff8f1f; --adm-color-danger: #ff3141; @@ -24,7 +26,25 @@ code { --adm-font-size-main: var(--adm-font-size-5); - --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue', - helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui', - 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif; + --adm-font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", + helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", + "Hiragino Sans GB", "Microsoft Yahei", sans-serif; +} + +.adm-badge-wrapper { + height: 30px; +} + +.adm-tab-bar-item-title { + font-size: 11px; + font-weight: 400; + line-height: 11px; + margin-top: 4px; + color: rgba(0, 0, 0, 0.45); +} + +.adm-tab-bar-item-active { + .adm-tab-bar-item-title { + color: #ff4d4f !important; + } } diff --git a/src/pages/index/index.tsx b/src/pages/index/index.tsx index 8e125c3..5ff417a 100644 --- a/src/pages/index/index.tsx +++ b/src/pages/index/index.tsx @@ -2,6 +2,7 @@ import { useEffect, useState } from "react"; import { user } from "../../api/index"; import styles from "./index.module.scss"; import { useSelector } from "react-redux"; +import { Footer, TabBarFooter } from "../../components"; const IndexPage = () => { const systemConfig = useSelector((state: any) => state.systemConfig.value); @@ -20,7 +21,11 @@ const IndexPage = () => { return (
-
我是首页
+
+ 我是首页 +
+
+
); };