diff --git a/ui/autoMate/src/renderer/src/pages/ContentList/content.scss b/ui/autoMate/src/renderer/src/pages/ContentList/content.scss
index 65f348b..065c42d 100644
--- a/ui/autoMate/src/renderer/src/pages/ContentList/content.scss
+++ b/ui/autoMate/src/renderer/src/pages/ContentList/content.scss
@@ -7,6 +7,10 @@
         grid-area: list;
         a {
             @apply block truncate py-1 px-1 cursor-pointer;
+            &.active{
+                // mx-1 外边距
+                @apply bg-blue-700 text-white mx-1 rounded-md;
+            }
         }
     }
     .content{
diff --git a/ui/autoMate/src/renderer/src/pages/ContentList/index.tsx b/ui/autoMate/src/renderer/src/pages/ContentList/index.tsx
index 1643167..1cd700f 100644
--- a/ui/autoMate/src/renderer/src/pages/ContentList/index.tsx
+++ b/ui/autoMate/src/renderer/src/pages/ContentList/index.tsx
@@ -1,8 +1,15 @@
-import { NavLink, Outlet, useLoaderData } from "react-router-dom"
+import { NavLink, Outlet, useLoaderData, useNavigate } from "react-router-dom"
 import "./content.scss"
+import { useEffect } from "react"
 
 export const ContentList = () => {
     const contentList = useLoaderData() as ContentType[]
+    const navigate = useNavigate()
+    useEffect(() => {
+        if (contentList) {
+            navigate(`/config/category/contentList/${contentList[0].category_id}/content/${contentList[0].id}`)
+        }
+    }, [contentList])
     return (<main className="content-page">
         <div className="list">
             {contentList.map(content => (