feat: init

projects/translate-h5/src/view/archives/index.tsx

@@ -1,13 +0,0 @@
-// 档案
-import MainLayout from "@/layout/main/mainLayout";
-import "./index.less";
-
-function Index() {
-  return (
-    <MainLayout isShowNavBar={true}>
-      <div className="archives"></div>
-    </MainLayout>
-  );
-}
-
-export default Index;

projects/translate-h5/src/view/home/archives/index.module.less

@@ -0,0 +1,3 @@
+.archives {
+  padding: 12px;
+}

projects/translate-h5/src/view/home/archives/index.tsx

@@ -1,11 +1,11 @@
 // 档案
 import MainLayout from "@/layout/main/mainLayout";
-import "./index.less";
+import styles from "./index.module.less";
 
 function Index() {
   return (
-    <MainLayout isShowNavBar={true}>
-      <div className="archives"></div>
+    <MainLayout isShowNavBar={true} title="宠物档案">
+      <div className={styles.archives}>档案</div>
     </MainLayout>
   );
 }

projects/translate-h5/src/view/home/index.tsx

@@ -10,8 +10,8 @@ function Index() {
   const [visible, setVisible] = useState<boolean>(false);
   const navigate = useNavigate();
 
-  const onLink = () => {
-    navigate("/translate/mood");
+  const onLink = (link: string) => {
+    navigate(link);
   };
   return (
     <MainLayout>
@@ -26,9 +26,15 @@ function Index() {
               fill="#333"
               strokeWidth={3}
               strokeLinecap="butt"
-              onClick={onLink}
+              onClick={() => onLink("/translate/mood")}
+            />
+            <GithubOne
+              theme="outline"
+              fill="#333"
+              strokeWidth={3}
+              strokeLinecap="butt"
+              onClick={() => onLink("/translate/archives")}
             />
-            <GithubOne theme="outline" fill="#333" strokeWidth={3} strokeLinecap="butt" />
           </Space>
         </div>
         <Translate searchVisible={visible} />