mx-auto footer

public/icon/layers.svg

+<?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 11.9143L24 19L44 11.9143L24 5L4 11.9143Z" fill="none" stroke="#333" stroke-width="3" stroke-linejoin="round"/><path d="M4 20L24 27L44 20" stroke="#333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 28L24 35L44 28" stroke="#333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 36L24 43L44 36" stroke="#333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file

public/icon/toolkit.svg

+<?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 25V38C8 39.6569 9.34315 41 11 41H37C38.6569 41 40 39.6569 40 38V25" stroke="#333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 15C5 13.8954 5.89543 13 7 13H41C42.1046 13 43 13.8954 43 15V23C43 24.1046 42.1046 25 41 25H7C5.89543 25 5 24.1046 5 23V15Z" fill="none" stroke="#333" stroke-width="3" stroke-linejoin="round"/><path d="M31 13V9C31 7.89543 30.1046 7 29 7H19C17.8954 7 17 7.89543 17 9V13" stroke="#333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 23V29" stroke="#333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M33 23V29" stroke="#333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file

src/components/common/Footer.tsx

@@ -31,15 +31,15 @@ const Footer = () => {
           </Link>
         </div>
 
-        <div className="w-1/4 grid place-items-center">
+        <div className="w-1/4 grid place-items-center ">
           <Link
             to="/notify"
             onClick={() => {
               setTabIndex(2);
             }}
           >
-            <div className="h-6  relative rounded-md">
-              <img src="/icon/remind.svg" />
+            <div className="h-6  relative rounded-md  ">
+              <img src="/icon/toolkit.svg"  className="mx-auto"/>
               {tabIndex == 2 && (
                 <div className=" absolute top-0  left-0  w-full h-full  bg-orange-500 opacity-50 rounded-lg" />
               )}
@@ -49,7 +49,7 @@ const Footer = () => {
                 tabIndex == 2 ? " text-orange-500" : ""
               }`}
             >
-              通知
+              工具箱
             </div>
           </Link>
         </div>
@@ -61,7 +61,7 @@ const Footer = () => {
             }}
           >
             <div className="h-6  relative rounded-md">
-              <img src="/icon/gavel.svg" />
+              <img src="/icon/layers.svg" />
               {tabIndex == 3 && (
                 <div className=" absolute top-0  left-0  w-full h-full  bg-orange-500 opacity-50 rounded-lg" />
               )}
@@ -71,7 +71,7 @@ const Footer = () => {
                 tabIndex == 3 ? " text-orange-500" : ""
               }`}
             >
-              出让
+             图层 
             </div>
           </Link>
         </div>