feat: 优化路由 搭建赛事管理页面基础 处理部分样式问题 完成赛事列表页面搭建

src/layouts/BasicLayout.tsx

@@ -1,4 +1,5 @@
 import { computed, defineComponent, h, ref } from 'vue';
+import type { CSSProperties } from 'vue';
 import { useRouter, useRoute, RouterView } from 'vue-router';
 import { Layout, Menu } from 'ant-design-vue';
 import type { MenuProps } from 'ant-design-vue';
@@ -8,12 +9,34 @@ import {
   MenuFoldOutlined,
   MenuUnfoldOutlined,
   SettingOutlined,
+  TrophyOutlined,
 } from '@ant-design/icons-vue';
 import { useMenuStore } from '@/stores/menuStore';
 import styles from './BasicLayout.module.less';
 
 const { Header, Sider, Content, Footer } = Layout;
 
+const headerStyle: CSSProperties = {
+  background: '#fff',
+  padding: '0 16px',
+  display: 'flex',
+  alignItems: 'center',
+  color: '#1a1a1a',
+  boxShadow: '0 1px 4px rgba(0, 21, 41, 0.08)',
+};
+
+const siderStyle: CSSProperties = {
+  background: '#fff',
+  boxShadow: '2px 0 8px rgba(0, 21, 41, 0.08)',
+};
+
+const footerStyle: CSSProperties = {
+  padding: '0 50px 16px 50px',
+  textAlign: 'center',
+  color: '#3a3a3a',
+  userSelect: 'none',
+};
+
 /**
  * 图标名 → 组件映射
  * 后端下发的 icon 字符串在此映射为 antd icon 组件
@@ -23,6 +46,7 @@ const ICON_MAP: Record<string, any> = {
   DashboardOutlined,
   InfoCircleOutlined,
   SettingOutlined,
+  TrophyOutlined,
 };
 
 /**
@@ -75,12 +99,12 @@ export default defineComponent({
 
     return () => (
       <Layout class={styles.container}>
-        <Sider class={styles.sider} collapsed={collapsed.value} trigger={null} collapsible>
+        <Sider style={siderStyle} collapsed={collapsed.value} trigger={null} collapsible>
           <div class={styles.logo}>
-            <span class={styles.logoText}>{collapsed.value ? '6羽' : '六个羽友赛事'}</span>
+            <span class={styles.logoText}>{collapsed.value ? '6羽' : '六羽赛事运营平台'}</span>
           </div>
           <Menu
-            theme="dark"
+            theme="light"
             mode="inline"
             selectedKeys={selectedKeys.value}
             items={resolvedItems.value}
@@ -88,8 +112,8 @@ export default defineComponent({
           />
         </Sider>
 
-        <Layout>
-          <Header class={styles.header}>
+        <Layout class={styles.main}>
+          <Header style={headerStyle}>
             <span class={styles.trigger} onClick={toggleCollapsed}>
               {collapsed.value ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />}
             </span>
@@ -99,7 +123,7 @@ export default defineComponent({
             <RouterView />
           </Content>
 
-          <Footer class={styles.footer}>六个羽友赛事运营平台 ©{new Date().getFullYear()}</Footer>
+          <Footer style={footerStyle}>六个羽友赛事运营平台 ©{new Date().getFullYear()}</Footer>
         </Layout>
       </Layout>
     );