⚡ feat(custom): 添加重大事项通知

EOEFANS · Mar 1, 2023 · a949fe4 · a949fe4
1 parent f943608
commit a949fe4
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 3 deletions.
diff --git a/src/routers/layout/header.tsx b/src/routers/layout/header.tsx
@@ -22,13 +22,13 @@ export default function Header() {
 
 const ReactiveHeader = memo(() => {
   return (
-    <header className='border-t-2 z-10 max-md:border-b-2 sticky top-0 bg-white'>
+    <header className='z-10 max-md:border-b-2 sticky top-0 bg-white'>
       {/* 手机端 */}
       <div className='hidden max-sm:flex px-6 pb-3 pt-4'>
         <Search />
       </div>
       {/* pc端和平板端header部 */}
-      <Header_content className={`${styles["header"]} h-20 max-sm:hidden`}>
+      <Header_content className={`${styles["header"]}  h-20 max-sm:hidden`}>
         <div className='flex-shrink-0 flex-grow basis-40 relative z-10'>
           <LOGO />
         </div>

diff --git a/src/routers/layout/index.tsx b/src/routers/layout/index.tsx
@@ -3,6 +3,8 @@ import { Outlet, useMatch } from "react-router-dom";
 import Header from "./header";
 import { useAppSelector } from "@store/hooks";
 import { selectNavMoreShowed } from "@store/device/index";
+import ArrowOutwardIcon from "@mui/icons-material/ArrowOutward";
+import { Link } from "@mui/material";
 import styles from "./layout.module.less";
 import MidContent from "./midcontent";
 export default function Layout() {
@@ -21,6 +23,9 @@ export default function Layout() {
           },
         }}
       >
+        <div className='max-sm:hidden h-16 flex justify-center items-center relative z-20 bg-white border-b-2'>
+          <ImportTantInfo />
+        </div>
         <Header />
         <NavContent />
         <Flipped flipId={"container"} spring={"veryGentle"}>
@@ -32,6 +37,19 @@ export default function Layout() {
     </>
   );
 }
+export const ImportTantInfo = () => (
+  <>
+    <Link
+      href='https://b23.tv/oi3Rv0B'
+      target={`_blank`}
+      color={"inherit"}
+      underline='none'
+    >
+      征集小队长生贺视频
+      <ArrowOutwardIcon fontSize='small' />
+    </Link>
+  </>
+);
 
 const NavContent = () => {
   const isSearchPage = useMatch(`/search`) !== null;

diff --git a/src/routers/layout/logo/index.tsx b/src/routers/layout/logo/index.tsx
@@ -32,7 +32,7 @@ export default function LOGO() {
     <div className={`${styles["logo"]}`}>
       <Yituo width={"64px"} height={"30px"} />
       <H1 className='max-md:font-medium'>
-        {!md ? `EOEfans-web端` : `EOEfans`}
+        {!md ? `eoefans-web端` : `eoefans`}
         <Button
           onClick={handlerClick}
           sx={{

diff --git a/src/routers/layout/routernav/index.tsx b/src/routers/layout/routernav/index.tsx
@@ -3,6 +3,7 @@ import { useState, FC } from "react";
 import { Link, useMatch } from "react-router-dom";
 import CloseIcon from "@mui/icons-material/Close";
 import Header_Nav from "../nav";
+import { ImportTantInfo } from "..";
 export const RouterList: TabProps[] = [
   {
     label: "视频",
@@ -41,6 +42,11 @@ export default function RouterNav() {
               onClick={handlerChangeShow}
             />
           </div>
+          <DrawerNavContent title={"视频征集"}>
+            <div className='flex justify-center items-center'>
+              <ImportTantInfo />
+            </div>
+          </DrawerNavContent>
           <DrawerHrefItem
             title='页面'
             data={RouterList}