feat: 🎸 更新了一些资源

src/components/Sidebar/index.css

@@ -65,6 +65,9 @@
     align-items: center;
     flex-direction: column;
 
+    .sidebar-menu-item-wrapper {
+      width: 100%;
+
       .sidebar-menu-title {
         width: 100%;
         height: 36px;
@@ -107,6 +110,7 @@
         }
       }
     }
+  }
 
   .sidebar-btn {
     width: 190px;
@@ -165,6 +169,7 @@
       opacity: 0;
       transition: opacity 0.3s ease;
     }
+    .sidebar-menu-item-wrapper {
       .sidebar-menu-item {
         justify-content: center;
 
@@ -177,6 +182,8 @@
           pointer-events: none;
           transition: opacity 0.3s ease, transform 0.3s ease;
           width: 0;
+          display: none;
+        }
       }
     }
   }

src/components/Sidebar/index.jsx

@@ -44,10 +44,8 @@ const Sidebar = ({ isCollapsed, setIsCollapsed }) => {
         {routes
           .filter((item) => item.showMenu)
           ?.map((item) => (
-            <>
-              <p className="sidebar-menu-title" key={item.name}>
-                {item.name}
-              </p>
+            <div key={item.key} className="sidebar-menu-item-wrapper">
+              <p className="sidebar-menu-title">{item.name}</p>
               {item.routes
                 ?.filter((i) => i.showMenuItem)
                 ?.map((j) => (
@@ -60,14 +58,11 @@ const Sidebar = ({ isCollapsed, setIsCollapsed }) => {
                     key={j.path}
                     onClick={() => handleNavClick(j.path)}
                   >
-                    <IconFont
-                      className="sidebar-menu-icon"
-                      name="icon-yishiming"
-                    />
+                    <IconFont className="sidebar-menu-icon" name={j.icon} />
                     <span className="sidebar-menu-text">{j.name}</span>
                   </li>
                 ))}
-            </>
+            </div>
           ))}
       </ul>
       <div className="sidebar-btn" onClick={toggleSidebar}>

src/components/StageProgress/index.css

@@ -42,10 +42,8 @@
       color: #bfbfbf;
     }
     .star {
-      width: 20px;
-      height: 20px;
-      background-image: url("@/assets/images/StageProgress/star_active.png");
-      background-size: 100% 100%;
+      font-size: 20px;
+      color: #88b4ff;
       position: relative;
 
       &::before {

src/components/StageProgress/index.jsx

@@ -1,4 +1,5 @@
 import { useNavigate } from "react-router-dom";
+import IconFont from "@/components/IconFont";
 import "./index.css";
 
 const StageProgress = () => {
@@ -13,7 +14,9 @@ const StageProgress = () => {
       <li className="stage-progress-item stage-progress-item1-active" />
       <li className="stage-progress-item  stage-progress-item2" />
       <li className="stage-progress-star" onClick={handleClickStar}>
-        <div className="star" />
+        <div className="star">
+          <IconFont name="icon-star" />
+        </div>
         <span>垂直方向选择</span>
       </li>
       <li className="stage-progress-item  stage-progress-item3" />

src/routes/index.jsx

@@ -33,68 +33,70 @@ export default [
   },
   {
     name: "个人",
+    key: "personal",
     showMenu: true,
     routes: [
       {
         path: "/dashboard",
         name: "主页",
         element: <Dashboard />,
-        icon: "",
+        icon: "icon-home",
         showMenuItem: true,
       },
       {
         path: "/profile",
         name: "个人档案",
         element: <PersonalProfile />,
-        icon: "",
+        icon: "icon-dangan",
         showMenuItem: true,
       },
       {
         path: "/calendar",
         name: "日历",
         element: <CalendarPage />,
-        icon: "",
+        icon: "icon-rili",
         showMenuItem: true,
       },
     ],
   },
   {
     name: "课程",
+    key: "course",
     showMenu: true,
     routes: [
       {
         path: "/public-courses",
         name: "公共课直播间",
         element: <PublicCourses />,
-        icon: "",
+        icon: "icon-zhibojian",
         showMenuItem: true,
       },
       {
         path: "/live",
         name: "课程直播间",
         element: <LivePage />,
-        icon: "",
+        icon: "icon-kecheng",
         showMenuItem: true,
       },
       {
         path: "/career-tree",
         name: "就业管家知识树",
         element: <CareerTreePage />,
-        icon: "",
+        icon: "icon-zhishishu",
         showMenuItem: true,
       },
       {
         path: "/homework",
         name: "课后作业",
         element: <HomeworkPage />,
-        icon: "",
+        icon: "icon-zuoye",
         showMenuItem: true,
       },
       {
         path: "/job-strategy",
         name: "定制求职策略",
         element: <JobStrategyPage />,
-        icon: "",
+        icon: "icon-dingzhicelue",
         showMenuItem: true,
       },
       {
@@ -102,33 +104,34 @@ export default [
         name: "定制求职策略详情",
         element: <JobStrategyDetailPage />,
         showMenu: false,
-        icon: "",
+        icon: null,
       },
       {
         path: "/interview-simulation",
         name: "线下面试模拟",
         element: <InterviewSimulationPage />,
-        icon: "",
+        icon: "icon-mianshimoni",
         showMenuItem: true,
       },
     ],
   },
   {
     name: "资源",
+    key: "resource",
     showMenu: true,
     routes: [
       {
         path: "/expert-support",
         name: "专家支持中心",
         element: <ExpertSupportPage />,
-        icon: "",
+        icon: "icon-zhichizhongxin",
         showMenuItem: true,
       },
       {
         path: "/company-jobs",
         name: "企业内推岗位",
         element: <CompanyJobsPage />,
-        icon: "",
+        icon: "icon-neitui",
         showMenuItem: true,
       },
       {
@@ -136,27 +139,27 @@ export default [
         name: "企业内推岗位列表",
         element: <CompanyJobsListPage />,
         showMenu: false,
-        icon: "",
+        icon: null,
       },
       {
         path: "/resume-interview",
         name: "我的简历与面试",
         element: <ResumeInterviewPage />,
-        icon: "",
+        icon: "icon-jianli",
         showMenuItem: true,
       },
       {
         path: "/project-library",
         name: "我的项目库",
         element: <ProjectLibraryPage />,
-        icon: "",
+        icon: "icon-jianli",
         showMenuItem: true,
       },
       {
         path: "/portfolio",
         name: "我的作品集",
         element: <Portfolio />,
-        icon: "",
+        icon: "icon-zuopinji",
         showMenuItem: true,
       },
     ],