joey_gitea/invest-mind-store
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 优化Header

Browse Source
This commit is contained in:
R524809
2026-01-06 17:14:03 +08:00
parent 76c22429ad
commit 712f66b725
4 changed files with 41 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
apps/web/index.html
View File

@@ -1,13 +1,16 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head>
<head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>web</title> <title>投小记</title>
</head> </head>
<body>
<body>
<div id="root"></div> <div id="root"></div>
<script type="module" src="/src/main.tsx"></script> <script type="module" src="/src/main.tsx"></script>
</body> </body>
</html> </html>

26
apps/web/src/layouts/MainLayout.css
View File

@@ -60,7 +60,7 @@
top: 0; top: 0;
z-index: 100; z-index: 100;
height: 64px; height: 64px;
line-height: 64px; line-height: 1;
} }
.header-left { .header-left {
@@ -74,9 +74,15 @@
font-size: 18px; font-size: 18px;
cursor: pointer; cursor: pointer;
color: #1f2937; color: #1f2937;
padding: 8px; padding: 0;
border-radius: 4px; border-radius: 4px;
transition: background 0.2s; transition: background 0.2s;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
flex-shrink: 0;
} }
.collapse-trigger:hover, .collapse-trigger:hover,
@@ -96,6 +102,7 @@
font-weight: 600; font-weight: 600;
color: #1f2937; color: #1f2937;
line-height: 1.2; line-height: 1.2;
margin-bottom: 4px;
} }
.page-subtitle { .page-subtitle {
@@ -119,6 +126,7 @@
padding: 8px 12px; padding: 8px 12px;
border-radius: 8px; border-radius: 8px;
transition: background 0.2s; transition: background 0.2s;
height: 100%;
} }
.user-info:hover { .user-info:hover {
@@ -129,17 +137,31 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 2px; gap: 2px;
justify-content: center;
line-height: 1.2;
} }
.user-name { .user-name {
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: #1f2937; color: #1f2937;
line-height: 1.2;
white-space: nowrap;
} }
.user-role { .user-role {
font-size: 12px; font-size: 12px;
color: #6b7280; color: #6b7280;
line-height: 1.2;
}
.user-details .ant-badge {
line-height: 1.2;
}
.user-details .ant-badge-status-text {
font-size: 12px;
line-height: 1.2;
} }
/* 内容区域 */ /* 内容区域 */

3
apps/web/src/layouts/MainLayout.tsx
View File

@@ -11,7 +11,8 @@ import {
UserOutlined, UserOutlined,
} from '@ant-design/icons'; } from '@ant-design/icons';
import type { MenuProps } from 'antd'; import type { MenuProps } from 'antd';
import { authService } from '../services/auth'; import { authService } from '@/services/auth';
import type { UserInfo } from '@/types/user';
import './MainLayout.css'; import './MainLayout.css';
const { Header, Sider, Content } = Layout; const { Header, Sider, Content } = Layout;

6
apps/web/vite.config.ts
View File

@@ -1,5 +1,6 @@
import { defineConfig, loadEnv } from 'vite'; import { defineConfig, loadEnv } from 'vite';
import react from '@vitejs/plugin-react-swc'; import react from '@vitejs/plugin-react-swc';
import path from 'path';
// https://vite.dev/config/ // https://vite.dev/config/
export default defineConfig(({ mode }) => { export default defineConfig(({ mode }) => {
@@ -8,6 +9,11 @@ export default defineConfig(({ mode }) => {
return { return {
plugins: [react()], plugins: [react()],
resolve: {
alias: {
'@': path.resolve(__dirname, './src'),
},
},
server: { server: {
port: parseInt(env.VITE_PORT || '5173', 10), port: parseInt(env.VITE_PORT || '5173', 10),
host: true, // 允许外部访问 host: true, // 允许外部访问