diff --git a/react-ui/config/routes.ts b/react-ui/config/routes.ts
index b3143e97..200bbd20 100644
--- a/react-ui/config/routes.ts
+++ b/react-ui/config/routes.ts
@@ -170,17 +170,17 @@ export default [
           {
             name: '镜像列表',
             path: '',
-            component: './Mirror/list',
+            component: './Mirror/List',
           },
           {
             name: '镜像详情',
             path: ':id',
-            component: './Mirror/info',
+            component: './Mirror/Info',
           },
           {
             name: '创建镜像',
             path: 'create',
-            component: './Mirror/create',
+            component: './Mirror/Create',
           },
         ],
       },
diff --git a/react-ui/src/pages/Mirror/create.less b/react-ui/src/pages/Mirror/Create/index.less
similarity index 100%
rename from react-ui/src/pages/Mirror/create.less
rename to react-ui/src/pages/Mirror/Create/index.less
diff --git a/react-ui/src/pages/Mirror/create.tsx b/react-ui/src/pages/Mirror/Create/index.tsx
similarity index 99%
rename from react-ui/src/pages/Mirror/create.tsx
rename to react-ui/src/pages/Mirror/Create/index.tsx
index 0116f479..ed709772 100644
--- a/react-ui/src/pages/Mirror/create.tsx
+++ b/react-ui/src/pages/Mirror/Create/index.tsx
@@ -21,7 +21,7 @@ import { useNavigate } from '@umijs/max';
 import { Button, Col, Form, Input, Row, Upload, UploadFile, message, type UploadProps } from 'antd';
 import { omit } from 'lodash';
 import { useEffect, useState } from 'react';
-import styles from './create.less';
+import styles from './index.less';
 
 type FormData = {
   name: string;
diff --git a/react-ui/src/pages/Mirror/info.less b/react-ui/src/pages/Mirror/Info/index.less
similarity index 100%
rename from react-ui/src/pages/Mirror/info.less
rename to react-ui/src/pages/Mirror/Info/index.less
diff --git a/react-ui/src/pages/Mirror/info.tsx b/react-ui/src/pages/Mirror/Info/index.tsx
similarity index 98%
rename from react-ui/src/pages/Mirror/info.tsx
rename to react-ui/src/pages/Mirror/Info/index.tsx
index 4fd37c6a..18c21a6e 100644
--- a/react-ui/src/pages/Mirror/info.tsx
+++ b/react-ui/src/pages/Mirror/Info/index.tsx
@@ -34,8 +34,8 @@ import {
 } from 'antd';
 import classNames from 'classnames';
 import { useEffect, useState } from 'react';
-import MirrorStatusCell from './components/MirrorStatusCell';
-import styles from './info.less';
+import MirrorStatusCell from '../components/MirrorStatusCell';
+import styles from './index.less';
 
 type MirrorInfoData = {
   name?: string;
diff --git a/react-ui/src/pages/Mirror/list.less b/react-ui/src/pages/Mirror/List/index.less
similarity index 100%
rename from react-ui/src/pages/Mirror/list.less
rename to react-ui/src/pages/Mirror/List/index.less
diff --git a/react-ui/src/pages/Mirror/list.tsx b/react-ui/src/pages/Mirror/List/index.tsx
similarity index 99%
rename from react-ui/src/pages/Mirror/list.tsx
rename to react-ui/src/pages/Mirror/List/index.tsx
index eba17cb6..70a5ff10 100644
--- a/react-ui/src/pages/Mirror/list.tsx
+++ b/react-ui/src/pages/Mirror/List/index.tsx
@@ -28,7 +28,7 @@ import {
 import { type SearchProps } from 'antd/es/input';
 import classNames from 'classnames';
 import { useEffect, useState } from 'react';
-import styles from './list.less';
+import styles from './index.less';
 
 const mirrorTabItems = [
   {