chenh
/
imeeting
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat：首页调整

dev_na
puz 2026-06-30 15:25:51 +08:00
parent d36beec479
commit 1ab6e37fe1
2 changed files with 180 additions and 145 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/src/pages/home/index.less
View File

@ -3,15 +3,41 @@
@home-text-gray: #475569; // ui-ux-pro-max slate-600 @home-text-gray: #475569; // ui-ux-pro-max slate-600
@home-bg: #f8fafc; // ui-ux-pro-max slate-50 @home-bg: #f8fafc; // ui-ux-pro-max slate-50
.home-page {
padding: 8px;
min-width: 0;
background: #f5f6fa;
}
.home-page > .page-container__body {
padding: 0;
overflow: hidden;
border: none;
border-radius: 0;
background: transparent;
}
.home-shell-card .section-card__content {
padding: 8px;
}
.home-data-panel .data-list-panel__table-area,
.home-data-panel .app-page__table-wrap {
height: 100%;
min-height: 0;
}
.home-container { .home-container {
position: relative; position: relative;
flex: 1; flex: 1;
min-height: 100%; // Changed from height: 100% to avoid height conflicts height: 100%;
padding: clamp(40px, 8vh, 80px) clamp(24px, 5vw, 60px) 0; // Top shift down, ZERO bottom padding min-height: 100%;
padding: clamp(40px, 8vh, 80px) clamp(24px, 5vw, 60px) 0;
border-radius: 4px;
background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%); background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);
color: @home-text-main; color: @home-text-main;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
overflow-x: hidden; overflow: hidden auto;
z-index: 1; z-index: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

9
frontend/src/pages/home/index.tsx
View File

@ -9,6 +9,9 @@ import { useNavigate } from "react-router-dom";
import dayjs from "dayjs"; import dayjs from "dayjs";
import { getRecentTasks } from "@/api/business/dashboard"; import { getRecentTasks } from "@/api/business/dashboard";
import { getMeetingCreateConfig, type MeetingCreateConfig, type MeetingVO } from "@/api/business/meeting"; import { getMeetingCreateConfig, type MeetingCreateConfig, type MeetingVO } from "@/api/business/meeting";
import DataListPanel from "@/components/shared/DataListPanel";
import PageContainer from "@/components/shared/PageContainer";
import SectionCard from "@/components/shared/SectionCard";
import "./index.less"; import "./index.less";
import RightVisual from "./RightVisual"; import RightVisual from "./RightVisual";
import { MeetingCreateDrawer, MeetingCreateType } from "@/components/business/MeetingCreateDrawer"; import { MeetingCreateDrawer, MeetingCreateType } from "@/components/business/MeetingCreateDrawer";
@ -193,6 +196,9 @@ export default function HomePage() {
}; };
return ( return (
<PageContainer title={null} className="home-page">
<SectionCard className="home-shell-card">
<DataListPanel className="home-data-panel">
<main className="home-container"> <main className="home-container">
{/* Massive Abstract Background Sphere matching the design/img.png */} {/* Massive Abstract Background Sphere matching the design/img.png */}
<div className="home-bg-visual" aria-hidden="true"> <div className="home-bg-visual" aria-hidden="true">
@ -344,5 +350,8 @@ export default function HomePage() {
}} }}
/> />
</main> </main>
</DataListPanel>
</SectionCard>
</PageContainer>
); );
} }