From 8e656d5e80a720a6d9435d39dec5e10e30d9b357 Mon Sep 17 00:00:00 2001
From: master1lan <278457198@qq.com>
Date: Wed, 1 Mar 2023 10:45:54 +0800
Subject: [PATCH] =?UTF-8?q?:zap:=20feat(custom):=20=E6=B5=8B=E8=AF=951.0?=
 =?UTF-8?q?=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routers/layout/logo/index.tsx            |   2 +-
 src/routers/layout/logo/modal.tsx            | 144 +++++++++----------
 src/routers/layout/search/pc/search.tsx      |  25 ++--
 src/routers/layout/search/search.module.less |   2 +-
 4 files changed, 82 insertions(+), 91 deletions(-)

diff --git a/src/routers/layout/logo/index.tsx b/src/routers/layout/logo/index.tsx
index 26eb4fd..d2baea2 100644
--- a/src/routers/layout/logo/index.tsx
+++ b/src/routers/layout/logo/index.tsx
@@ -7,7 +7,7 @@ import { useScreenSize } from "@components/proview/screenSize";
 
 const QAStorage = new Storage("QAUpdate");
 //暂时先这样
-const _qa_update_time = `2023-2-2`;
+const _qa_update_time = `2023-3-1`;
 const useCheckQANews = () => {
   const local_qa_value = useMemo(() => {
     return QAStorage.getLocalStorage("");
diff --git a/src/routers/layout/logo/modal.tsx b/src/routers/layout/logo/modal.tsx
index 85cc6f3..83d6a7e 100644
--- a/src/routers/layout/logo/modal.tsx
+++ b/src/routers/layout/logo/modal.tsx
@@ -1,6 +1,6 @@
 import { Button, Link, Modal, styled } from "@mui/material";
 import { Link as Rlink } from "react-router-dom";
-import { FC } from "react";
+import { FC, ReactElement } from "react";
 import styles from "./logo.module.less";
 
 export const Explain: FC<{ open: boolean; handlerClick: () => void }> = (
@@ -33,87 +33,71 @@ export const H1 = styled("h1")(({ theme }) => ({
   },
 }));
 
+const QALists: { question: ReactElement; answer: ReactElement }[] = [
+  {
+    question: <>露早tag为什么不是应援色？</>,
+    answer: (
+      <>
+        露早GOGO的应援色为
+        <span
+          style={{
+            color: "#3dff9e",
+          }}
+        >
+          #3dff9e
+        </span>
+        ,tag字面显示不明显，所以更换为黑露早形态的
+        <span style={{ color: "#A0191D" }}>#A0191D</span>
+      </>
+    ),
+  },
+  {
+    question: <>如何进行用户反馈？</>,
+    answer: (
+      <>
+        请前往
+        <Link
+          href={`http://eoe.best/appfeedback`}
+          target='_blank'
+          underline='none'
+        >
+          eoefans反馈
+        </Link>
+      </>
+    ),
+  },
+  {
+    question: <>图片页图片太小了？</>,
+    answer: (
+      <>
+        图片页可点击图片进入放大镜模式，支持手势返回和空白处返回；可使用双指放大对图片大小进行调整。
+      </>
+    ),
+  },
+  {
+    question: <>搜索没有想要的结果？</>,
+    answer: (
+      <>
+        目前搜索仅支持全字匹配，请确保输入信息完整。另搜索结果已将某些视频过滤。
+      </>
+    ),
+  },
+];
+
 export const QA = () => (
   <ul>
-    <li>
-      <p>
-        <strong>Q: </strong>
-        <span>为什么界面这么丑？</span>
-      </p>
-      <p>
-        <strong>A: </strong>
-        <span>web端没有UI捏🙇‍♂️🙇‍♂️🙇‍♂️果咩。</span>
-      </p>
-    </li>
-    <li>
-      <p>
-        <strong>Q: </strong>
-        <span>如何查找我想看的视频类型？</span>
-      </p>
-      <p>
-        <strong>A: </strong>
-        <span>
-          😩目前只能通过点击下方tag栏进行查询，其中各分区、原创和转载、
-          最新发布和最多播放互斥外其他tag皆满足异或查询。
-          <br />
-          🤔tag排序不是固定的，可以使用鼠标或者触摸按住tag半秒后进行移动。
-          <br />
-          🤗可以自定义任何你想要的tag栏顺序，下一次访问也有效。
-        </span>
-      </p>
-    </li>
-    <li>
-      <p>
-        <strong>Q: </strong>
-        <span>露早tag为什么不是应援色？</span>
-      </p>
-      <p>
-        <strong>A: </strong>
-        <span>
-          露早GOGO的应援色为
-          <span
-            style={{
-              color: "#3dff9e",
-            }}
-          >
-            #3dff9e
-          </span>
-          ,tag字面显示不明显，所以更换为黑露早形态的
-          <span style={{ color: "#A0191D" }}>#A0191D</span>
-        </span>
-      </p>
-    </li>
-    <li>
-      <p>
-        <strong>Q: </strong>
-        <span>如何进行用户反馈？</span>
-      </p>
-      <p>
-        <strong>A: </strong>
-        <span>
-          请前往
-          <Link
-            href={`http://eoe.best/appfeedback`}
-            target='_blank'
-            underline='none'
-          >
-            eoefans反馈
-          </Link>
-        </span>
-      </p>
-    </li>
-    <li>
-      <p>
-        <strong>Q: </strong>
-        <span>图片页图片太小了？</span>
-      </p>
-      <p>
-        <strong>A: </strong>
-        <span>
-          图片页可点击图片进入放大镜模式，支持手势返回和空白处返回；可使用双指放大对图片大小进行调整。
-        </span>
-      </p>
-    </li>
+    {QALists.map((item, index) => (
+      <li key={index}>
+        <p>
+          <strong>Q: </strong>
+          <span>{item.question}</span>
+        </p>
+        <p>
+          <strong>A: </strong>
+          <span>{item.answer}</span>
+        </p>
+      </li>
+    ))}
   </ul>
 );
 
diff --git a/src/routers/layout/search/pc/search.tsx b/src/routers/layout/search/pc/search.tsx
index f0f4af8..0fe0ada 100644
--- a/src/routers/layout/search/pc/search.tsx
+++ b/src/routers/layout/search/pc/search.tsx
@@ -59,15 +59,22 @@ export default function Search() {
   );
 }
 //通用按钮
-const SearchButton: FC<{ onSubmit?: () => void }> = ({ onSubmit }) => (
-  <button
-    type='submit'
-    className={`${styles["search-button"]} bg-red-700 `}
-    onClick={onSubmit}
-  >
-    <SearchIcon color='inherit' fontSize='small' />
-  </button>
-);
+const SearchButton: FC<{ onSubmit?: () => void }> = ({ onSubmit }) => {
+  const { focused } = useSearchFocus();
+  return (
+    <button
+      type='submit'
+      className={`${
+        styles["search-button"]
+      } bg-red-700 transition-all duration-250 ${
+        focused ? "p-3 text-2xl" : "p-2 text-xl"
+      }`}
+      onClick={onSubmit}
+    >
+      <SearchIcon color='inherit' fontSize='inherit' />
+    </button>
+  );
+};
 
 const AdvanceSearch = forwardRef(function Advance(props, ref) {
   const [tag, name] = useURLParams(["tag", "name"]);
diff --git a/src/routers/layout/search/search.module.less b/src/routers/layout/search/search.module.less
index 221976e..9899bc6 100644
--- a/src/routers/layout/search/search.module.less
+++ b/src/routers/layout/search/search.module.less
@@ -20,7 +20,7 @@
     .search-button {
         border-radius: 40px;
         cursor: pointer;
-        padding: 8px;
+        // padding: 8px;
         color: white;
         position: relative;
         margin: auto;