From 4c844e1a12820211863dad298ed55fe52d905866 Mon Sep 17 00:00:00 2001 From: Your Name Date: Tue, 31 Mar 2026 16:45:08 +0800 Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E6=9B=B4=E6=96=B0=E4=BC=98?= =?UTF-8?q?=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .umirc.ts | 4 +- .../components/layout/MyPageContainer.tsx | 20 +- src/common/libs/umi/layoutConfig.tsx | 78 +++- src/common/libs/umi/logo.jpeg | Bin 0 -> 5343 bytes src/common/pages/MyLoginPage1.tsx | 2 +- src/global.less | 427 +++++++++--------- 6 files changed, 287 insertions(+), 244 deletions(-) create mode 100644 src/common/libs/umi/logo.jpeg diff --git a/.umirc.ts b/.umirc.ts index 7716b7c..ae19b4f 100644 --- a/.umirc.ts +++ b/.umirc.ts @@ -14,9 +14,9 @@ export default defineConfig({ }, proxy: { '/api/': { - target: 'http://10.39.13.78:8002/', + // target: 'http://10.39.13.78:8002/', // target: 'https://test-admin.linyikj.com.cn/', - // target: 'https://admin.linyikj.com.cn/', + target: 'https://admin.linyikj.com.cn/', changeOrigin: true, pathRewrite: { '^': '' }, }, diff --git a/src/common/components/layout/MyPageContainer.tsx b/src/common/components/layout/MyPageContainer.tsx index 3dfb9f2..a3a47b9 100644 --- a/src/common/components/layout/MyPageContainer.tsx +++ b/src/common/components/layout/MyPageContainer.tsx @@ -5,7 +5,6 @@ import { history, useLocation } from '@umijs/max'; import type { MenuProps } from 'antd'; import { Dropdown, message, Space, Tabs } from 'antd'; import React, { useCallback, useEffect, useRef, useState } from 'react'; -import AvatarProps from './AvatarProps'; import './MyPageContainer.scss'; export interface TabItem { @@ -388,7 +387,14 @@ export function MyPageContainer({ fixedHeader header={{ title: ( -
+
{/* 左侧：Tabs标签页 */}
- {/* 右侧：用户信息 */} -
- -
- -
- -
), - style: { backgroundColor: '#FFF', padding: '0 24px !important' }, + style: { backgroundColor: '#FFF' }, }} token={{ paddingBlockPageContainerContent: 0, diff --git a/src/common/libs/umi/layoutConfig.tsx b/src/common/libs/umi/layoutConfig.tsx index 588563c..1917b05 100644 --- a/src/common/libs/umi/layoutConfig.tsx +++ b/src/common/libs/umi/layoutConfig.tsx @@ -1,8 +1,8 @@ // import Logo from '@/assets/bitcoin.webp'; import { MyIcons, MyIconsType, PermissionsType, useMyState } from '@/common'; +import { AvatarProps, CustomLogo } from '@/common/components/layout'; import { Link, RuntimeConfig, history } from '@umijs/max'; -import AvatarProps from '../../components/layout/AvatarProps'; -import { CustomHeader, CustomLogo } from '@/common/components/layout'; +import MyLoGo from './logo.jpeg'; const loopMenu = (permissions: PermissionsType[] | undefined) => { let tree: PermissionsType[] = []; @@ -33,40 +33,72 @@ export const LayoutConfig: RuntimeConfig['layout'] = () => { const { snap } = useMyState(); return { - title: snap.session.campus?.name ?? '总后台', - logo: false, // 禁用默认logo，使用自定义 - layout: 'side', // 从 'mix' 改为 'side' + title: '物业管理平台', + logo: MyLoGo, // 禁用默认logo，使用自定义 + layout: 'mix', // 从 'mix' 改为 'side' colorPrimary: '#1890ff', siderWidth: 220, + prefixCls: 'my-prefix', pure: history.location.pathname === '/login', // 禁用顶部导航栏的菜单 - navTheme: 'light', - // 确保header显示 + // 确保header显示 - 强制始终显示header，禁用响应式隐藏 header: true, + // 禁用响应式侧边栏，确保header始终显示 + responsive: false, + // siderMenuType: 'inline', // 隐藏面包屑导航 breadcrumb: { props: { style: { display: 'none' } } }, - - // 自定义Header渲染 - 右侧显示用户信息 - headerRender: (props, defaultDom) => { - return ( -
- {/* 左侧可以为空或显示其他内容 */} -
- {/* 右侧添加用户信息 */} -
- -
-
- ); + avatarProps: { + // src: 'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg', + // size: 'small', + // title: snap?.session?.user?.username ?? '-', + render: (props, dom) => { + return ; + // return ( + // , + // label: '退出登录', + // }, + // ], + // }} + // > + // {dom} + // + // ); + }, }, + // 自定义Header渲染 - 右侧显示用户信息 + // headerRender: (props, defaultDom) => { + // return ( + //
+ // {/* 左侧可以为空 */} + //
+ // {/* 右侧添加用户信息 */} + //
+ // + //
+ //
+ // ); + // }, // 新增：自定义Logo渲染 logoRenderer: (collapsed: boolean) => { return ; }, - - // 完全禁用用户信息在侧边栏底部显示 - // avatarProps: false, // 这样可以完全禁用 //水印设置 // waterMarkProps: { // content: snap.session.user?.username, diff --git a/src/common/libs/umi/logo.jpeg b/src/common/libs/umi/logo.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..ec10a0338120eebaba4d0f5e7eeab35161b40fdb GIT binary patch literal 5343 zcmV<56d>z~P)004R>004l5008;`004mK004C`008P>0026e000+ooVrmw00006 zVoOIv0RI600RN!9r;`8x6j(__K~#9!?VWdcRCT(?Kj+MZkc5QL4G-;) ziy+vrfauk=?t1U;diUdYd`>$2-A< zOgU4|IWxn2o+l5+IhpgDnRkBWE#FtsG)*IlDRaQld^k}Ed(XhhVmMa{1?5m!4n^fq zS}E7Y*&rzn>eZ2-)Vk0p5!$9g^Au>2EdM{6v0FWWP;#;eHs`>P$Kj{ruLXK?#-ZYb7+|&k4FPaB+n3MOJQ{utU3g%4vGPkIm{h{U4_=E zFr*a>&w!B`kd|!qI}4OBHji)(_m62{HimwYY+!egste^BYP zdNjtO00YwD(V;N1t<|HcHm-0mi0pj$%hxb>E0jmsjNl7Zfe{%nYZUan#Ol#lY!D@t z@Zx%S@>@7pX7yWPEp==#y(c_26q+PiHxA1TVs#eWy9~CSuSWBw)nh8WgiQ{a{Ha7VA;o+qdo;y|7pEn~)DJq}HRg`e*a?s)<>i2O2` zyeQ^p2q(%a;l>Xo`#ewrG6<&zGnc}qm;er5X?SKqo_If#0#0XEe=fYi| z2DZucdsDgb7z}|m{r2a< zsp8-(!OY;b2{6;oO{QN4QBV&3Ux%GRtWh2ZqCk^G=+Xq5CCN{mO%iHO7Rz2`_bK^+ z{QWFa;-PmM3~nVwG<}=PhhH~d+A4y?jW;6|nCNe0dO-?1Xhkp~B(*dDH8|gpTsO1JmWr zF#-+9IxAkT%+qFnY})A#sH9( z6xxj91_>~uS9ll$KvEreZVW8G4wAz_Pa?kze*3w;YkkfT+4<1*<l|tyAiHz@BKQT1~KCkS*ML6PK61bq!yuFL#y5{WBKv`jGHfe z3@hnz3H&hA`%>+7$=IF?|JrKoAS;}*{ttLFw98UBF`_LzKGf<_h`P@FZQif(Y7mdF zHm}z5WU(A;t*>xSk9hEM@qbv&V?I7pj|QR*zPW>hrwJ5*`iWneWXnwX1N3*ZEx!xkVTJ?!};o zw}D=1R*x9|_PvD5-Qm_Cj^ul`bfZzjO+mv4*L4wZD?rCaaKmMuuT>P7*3Ie>ODW~D zz3v}#YY?w&v__}Fu1c^el4zO)o9==G_rtckefvVjbqEime}0|&{aP)9D6JH6FDsbb z1)A2g=H9_j$0lAtJ@JBe4WVIOt49o9XSokj)-s6C_E?hzb!{fReT_Am2xg)x(6y=6 zqma|l+it%2wG85&E#?pIiq>xW4Nv8XBFK1N zf>~zKt^usQLvkS^nR18z5OZ}l9EFEgz?vi0jC=XbVwhFbu+L9+n`;b7b>!O;>BazX zyZ}DkEt%;4(6@!;D@^WU&A1o;T=RF;+k-};056Pz?qQ(377ALY!uU=SulV;~*m^>L zW>>r&-k4xq5|1}N-BWYfIByVnCFV|B6Ej71E!xOz0#|jAko<~$l45tV*!SP1#6w$y z#X#I~qEONSt2n=n`zA{gJItVI61+GzvP8lCB|SxcDx9z-2R0v<6I61%%qI2f$cdw< z9QK@s(O|fnuY|E9| zsd1uf4{@RhcAqxq4f+4!68Vb;G_BfC0DpU~6y|S-L2pSWxmA=_N*5xkW{6G4&52!H z-V#Q&3&9haOoc<_?me0hhtA3LUzJ2_vq=l4WLK}Qlz5R5j8jDd2$vC*Iv}S& z3VyQAg^#xPhNCV=8JMRM_q##i5!lf~UI{GOB{?Chv!qBVn)yCk{5szPOA5;AnwtEY;FVIB0N|lA^%W zORamcl}`61f9@!$ur4{sN*qo(`l{La#;1pOXjuEGWd`LAcyF8R;?I`q`O)x#Tamf^H)rRe~z;zSQQMpMW7n(Kd&nJH=6xt;F<+6W*%(0pi9ryoxK08!zqgW zD+BmeC)bgF;TOK<|LP+Jw&B!Z%@^7Epz2*)10^vI+BY)p`O6*f^cv{#s+iy1$XwYS?8f?66ziFCfv77|4~#Ang$>5f*!BPjN`86!LGu6 z{b1uv7;0b>lt3x31T_-W)T$^bgNX}8z(mimug#QyHBFL0hRqQf=8Xor>Q5HKjUT|I zMV{+aJ2rxq)8K_GYi~%cq{3M(AHpaKL$oBFEQSg1`8UPiw@gIGmhCksUQ?YVJ7LXX zSt6!%t-Wm8RJgyt2zbm~Dgm@`!0_n8>5||RKk`ao>^%S1`^`DxoHE-Os>m&Z8y3Tq zMY4l;N5@8zb^ZL6l7((1ssd^~g9lMi7MyFmq*64se>@iWb6APy%4YBRDlFRJ{>x!k z;er0Lw;0kYfSZJfx^}P|?M*AGgd^vmLjb-A4Y>C+WAZ(xboHL)eCX^iL9Tu+V0ea? z*H|Iah{YA2uQ^c!Q$K(yJ7w?C%uNkz=f*Nyy!ZqB`RmXvw|a@Uf!*k7%Be}PC=i2q zdz1V6!(d6U!)xQkN8*X%3Rt=uiYnmoVKCZ9rq{td_+*dwYcx&zm#)r|y~U)=+L`BZ zHu%i|80*?wm{}T;7ze5u9<;pysJk9I3%^-mOya4c;L|yxD8GDIdP?+ce(c7M7s8aq zaMKbv=^=KK*#uVI3eSu(r=u^fzMyKu1mkbCImf^2HBEdC(VV2BX(9kNd6DO9;%xBn zK=^T{B~6o~Vx+0j8BLrDzaI?iW{4Zy2-1>4ZIK*0&1p{*Rp|ExY|9mOlZ%-Hd7kS* zFKY(RjyC4LU7CQJ5--g|jAqSYeb>$39v*_>R^MFY4|+8RIkR;BhTmv@e+6V9Q&xrz4Vuc2{JL*K@?Vl zZSUuc)md`3_qHj@DKw{~u(VRt;k|v+_T@pb%Q5u$YVQr_iYkn8o;fvmcZ)pt6T_gF z>vIYu@6#8Vjb$%s$F(jQO>u?fJ6_Y-^EI1u^lv_cK|{LV=w)@5wZW(Ce7NmnWA8D* zb*#1HYE@uUjbFPz*y-IMjIIx<&cJlYNcH@9);W<{2Dxrvy60<)%3#m^h7~9H2a(Q30@rQy9{ycJXpTZobiVm zy9xtcGlYsO>^Ues$Y<3-UMYOM+wzo6`io|!o_J3}gcj)FDjjI)$}Bto zwu~?-0rZWZJa6#r5mFf*Z49ecNOj&IMzsx0XVG82Jq%kt#5Nj5fjnU(;#Q}!MGAB` z;k4m!!fX${KZmr6ere-yBe_n^gx~WkpW>1V++adx()?}k$Pih(s?(*Z=ucH02@~Ta zX{1f6box!OOQ!YVd@0ilq$oE=O@?KN;!PDbwn7s-OS>SWk546)FzY+%O?c@y-@$5_iVpu6L2jl&&>@ud&ze*a-TV)bZurEu!{%AvRUI{tig@ zzPq=nqALH)DA;ii+;FM>f*@U9=4uz|DOHHX;B5VP>EBVE8Z(5dz_jk6sb=y;nL{$7 zKA#r2?v#cIcV@SLrTiMuO*82jz_%>}RI2(-j1Jb}g(u;=lhw)8LO^>A(K{9r6=RD8LLi z($cjIqH&`1kuoB=)!nH4J!&2+kmjJW>A zxHP4Y8AI^g-PgScoLhtFnFd2mP<>Gp{Vw0lIWT&zsHMdSj;2X)OLzB=x&1g4;CF*X z|2iCY&-rCAb+MEM>Y;fuOz#1Wb?8c2O*0F|cyB+?MaCY#pQGDKx0fFbJaITR*}T^G zv1~lMR$2(?A+;{7nJ&((7`17T0Ke|*`EidiKShB@hZ?(=a5{bWh$yL)KB9UV+dgIt z-gxM8?_qzhLEtg%jonLVI%JjC9QIEcu2@H%!^KKkJ-EN0_iMZwgaXVOX{;piH$GC+ z{B@Eo+Xvs6)cYgS_|p}>muH`Q{Jt&V*6#l0Ao|0{yF@a;lkQTsp8>3L2aK94+L+B# zj2W}h7!kDVmFC_Nbs@SAeNPM*$v-{K#Qf!48N9Rs{xI16n?goMo?G|SI>8UwCrd? z5m7YLCe^<$vu=a1siNO(lzhPcJQ(<8+{5cP2P`g8+#(zGcvXrv2u)w z5uP+kfCZBS(-;rPAd=!>;beVHNn)5woCZ6;;Hb7O*UlpC}`D8M6w z;lBr3{gzz3jBW?-P7F;?^?;6@?$Ce-mWeEH4D%R~0UurOSz^IoLKfIo5Dn*t2ga5U zvl!hjw8lWF+ao9nJUtTrJT!8ezDFvPGGWQo&>91wTr#So0k3R;2UkdbLX6O%C~}&3 zPG>mV@8>tdAgcImuk^;sixuLAgg6zR93g7?M$N#68U({>qMBJF%?lBj zW)M|u&y`Lw>$1(fYvj?YzKEw7m8Iqh(+vWbHpC0-qz!`6orNO}y9&4WfWMA3E<4Q| zmKa18`_8~aE95j1>yH6FFM;Q-loA4~u+$)M`7A!$1CM+uy)rIFE~zI)G&6ddBMs>d z%MGH6atF-aD$9t`63gL2YF(+dyuW{KX&PE5kBGNPKuk_-qpWC1MTYLUM~l{%GSdSeq@y!#Rce8mRe$ zO@Y(|=}~ogOQ}y8m@d_3W+?X=P1G2KJ8}x)$T`??Qq=2mi$r_jc!A6?We(|>Q~eF7 xYlnC{B-%wovr2e9Em`_nwyqB?Q=&Hk=sz%g4=x}ynuq`Z002ovPDHLkV1n36QSJZ$ literal 0 HcmV?d00001 diff --git a/src/common/pages/MyLoginPage1.tsx b/src/common/pages/MyLoginPage1.tsx index 33397eb..627d044 100644 --- a/src/common/pages/MyLoginPage1.tsx +++ b/src/common/pages/MyLoginPage1.tsx @@ -40,7 +40,7 @@ export function MyLoginPage1() { title="欢迎使用后台管理系统" // backgroundVideoUrl="https://gw.alipayobjects.com/v/huamei_gcee1x/afts/video/jXRBRK_VAwoAAAAAAAAAAAAAK4eUAQBr" backgroundImageUrl={loginBgImg} - subTitle="物业管理平台管理后台" + subTitle="物业管理平台" onFinish={async (values: any) => { Apis.Common.Auth.Login({ ...values, diff --git a/src/global.less b/src/global.less index 024f58f..04587d2 100644 --- a/src/global.less +++ b/src/global.less @@ -4,239 +4,237 @@ body { margin: 0; padding: 0; - 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; font-size: 14px; line-height: 1.5715; color: #262626; background-color: #f5f5f5; } -// 自定义Logo样式 -.custom-logo { - display: flex; - align-items: center; - height: 64px; - padding: 0 16px; - border-bottom: 1px solid #f0f0f0; - transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); - background: #ffffff; -} +// // 自定义Logo样式 +// .custom-logo { +// display: flex; +// align-items: center; +// height: 64px; +// padding: 0 16px; +// border-bottom: 1px solid #f0f0f0; +// transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +// background: #ffffff; +// } -.custom-logo .logo-icon { - font-size: 32px; - min-width: 32px; - display: flex; - align-items: center; - justify-content: center; -} +// .custom-logo .logo-icon { +// font-size: 32px; +// min-width: 32px; +// display: flex; +// align-items: center; +// justify-content: center; +// } -.custom-logo .logo-text { - margin-left: 12px; - font-size: 16px; - font-weight: 600; - color: #262626; - white-space: nowrap; - opacity: 1; - transition: opacity 0.2s; -} +// .custom-logo .logo-text { +// margin-left: 12px; +// font-size: 16px; +// font-weight: 600; +// color: #262626; +// white-space: nowrap; +// opacity: 1; +// transition: opacity 0.2s; +// } -// 折叠状态 -.ant-layout-sider-collapsed .custom-logo { - padding: 0; - justify-content: center; -} +// // 折叠状态 +// .ant-layout-sider-collapsed .custom-logo { +// padding: 0; +// justify-content: center; +// } -.ant-layout-sider-collapsed .custom-logo .logo-text { - display: none; -} +// .ant-layout-sider-collapsed .custom-logo .logo-text { +// display: none; +// } -// PageContainer Header样式 - 固定悬浮在UmiJS Header下方 -div[class*="page-container-header"], -.ant-pro-page-container > div[class*="page-container-header"], -.ant-pro-page-container-header { - position: fixed !important; - top: 64px !important; /* UmiJS Header的高度 */ - right: 0 !important; - left: 220px !important; /* 侧边栏宽度 */ - z-index: 999 !important; - margin: 0 !important; - padding: 8px 24px !important; /* 增加padding */ - background: #ffffff !important; - border-bottom: 1px solid #f0f0f0 !important; - box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important; - height: auto !important; - min-height: 40px !important; - max-height: 52px !important; - display: flex !important; - align-items: center !important; -} +// // PageContainer Header样式 - 固定悬浮在UmiJS Header下方 +// div[class*='page-container-header'], +// .ant-pro-page-container > div[class*='page-container-header'], +// .ant-pro-page-container-header { +// position: fixed !important; +// top: 64px !important; /* UmiJS Header的高度 */ +// right: 0 !important; +// left: 220px !important; /* 侧边栏宽度 */ +// z-index: 999 !important; +// margin: 0 !important; +// padding: 8px 24px !important; /* 增加padding */ +// background: #ffffff !important; +// border-bottom: 1px solid #f0f0f0 !important; +// box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important; +// height: auto !important; +// min-height: 40px !important; +// max-height: 52px !important; +// display: flex !important; +// align-items: center !important; +// } -// 当侧边栏折叠时，调整tabs header的left值 -.ant-layout-sider-collapsed ~ .ant-layout .ant-pro-page-container-header { - left: 64px !important; -} +// // 当侧边栏折叠时，调整tabs header的left值 +// .ant-layout-sider-collapsed ~ .ant-layout .ant-pro-page-container-header { +// left: 64px !important; +// } -// 强制PageContainer header样式 -.ant-pro-page-container .ant-pro-page-container-header { - position: fixed !important; - top: 64px !important; - right: 0 !important; - left: 220px !important; - z-index: 999 !important; - margin: 0 !important; - padding: 8px 24px !important; - min-height: 40px !important; - max-height: 52px !important; - display: flex !important; - align-items: center !important; -} +// // 强制PageContainer header样式 +// .ant-pro-page-container .ant-pro-page-container-header { +// position: fixed !important; +// top: 64px !important; +// right: 0 !important; +// left: 220px !important; +// z-index: 999 !important; +// margin: 0 !important; +// padding: 8px 24px !important; +// min-height: 40px !important; +// max-height: 52px !important; +// display: flex !important; +// align-items: center !important; +// } -// 确保UmiJS Header固定在顶部 -.ant-pro-header, -.ant-layout-header { - position: fixed !important; - top: 0 !important; - right: 0 !important; - left: 220px !important; - z-index: 1000 !important; - width: auto !important; - background: #ffffff !important; - border-bottom: 1px solid #f0f0f0 !important; -} +// // 确保UmiJS Header固定在顶部 +// .ant-pro-header, +// .ant-layout-header { +// position: fixed !important; +// top: 0 !important; +// right: 0 !important; +// left: 220px !important; +// z-index: 1000 !important; +// width: auto !important; +// background: #ffffff !important; +// border-bottom: 1px solid #f0f0f0 !important; +// } -.ant-layout-sider-collapsed ~ .ant-layout .ant-pro-header, -.ant-layout-sider-collapsed + .ant-layout .ant-pro-header { - left: 64px !important; -} +// .ant-layout-sider-collapsed ~ .ant-layout .ant-pro-header, +// .ant-layout-sider-collapsed + .ant-layout .ant-pro-header { +// left: 64px !important; +// } -// Tabs样式优化 - 减小高度 -.ant-pro-page-container-header .tabs-header-only, -div[class*="page-container-header"] .tabs-header-only { - margin: 0 !important; - line-height: 1 !important; - height: auto !important; - display: flex !important; - align-items: center !important; -} +// // Tabs样式优化 - 减小高度 +// .ant-pro-page-container-header .tabs-header-only, +// div[class*='page-container-header'] .tabs-header-only { +// margin: 0 !important; +// line-height: 1 !important; +// height: auto !important; +// display: flex !important; +// align-items: center !important; +// } -.ant-pro-page-container-header .ant-tabs, -div[class*="page-container-header"] .ant-tabs { - margin: 0 !important; - height: auto !important; -} +// .ant-pro-page-container-header .ant-tabs, +// div[class*='page-container-header'] .ant-tabs { +// margin: 0 !important; +// height: auto !important; +// } -.ant-pro-page-container-header .ant-tabs-nav, -div[class*="page-container-header"] .ant-tabs-nav { - margin-bottom: 0 !important; - height: auto !important; -} +// .ant-pro-page-container-header .ant-tabs-nav, +// div[class*='page-container-header'] .ant-tabs-nav { +// margin-bottom: 0 !important; +// height: auto !important; +// } -.ant-pro-page-container-header .ant-tabs-nav-list, -div[class*="page-container-header"] .ant-tabs-nav-list { - margin-bottom: 0 !important; - height: auto !important; - display: flex !important; - align-items: center !important; -} +// .ant-pro-page-container-header .ant-tabs-nav-list, +// div[class*='page-container-header'] .ant-tabs-nav-list { +// margin-bottom: 0 !important; +// height: auto !important; +// display: flex !important; +// align-items: center !important; +// } -.ant-pro-page-container-header .ant-tabs-tab, -div[class*="page-container-header"] .ant-tabs-tab { - padding: 4px 10px !important; - background: #f5f5f5; - border-radius: 4px; - margin-right: 4px; - transition: all 0.2s; - height: 26px !important; - line-height: 26px !important; - font-size: 13px; - display: inline-flex !important; - align-items: center !important; -} +// .ant-pro-page-container-header .ant-tabs-tab, +// div[class*='page-container-header'] .ant-tabs-tab { +// padding: 4px 10px !important; +// background: #f5f5f5; +// border-radius: 4px; +// margin-right: 4px; +// transition: all 0.2s; +// height: 26px !important; +// line-height: 26px !important; +// font-size: 13px; +// display: inline-flex !important; +// align-items: center !important; +// } -.ant-pro-page-container-header .ant-tabs-tab-active, -div[class*="page-container-header"] .ant-tabs-tab-active { - background: #ffffff; - font-weight: 500; -} +// .ant-pro-page-container-header .ant-tabs-tab-active, +// div[class*='page-container-header'] .ant-tabs-tab-active { +// background: #ffffff; +// font-weight: 500; +// } -.ant-pro-page-container-header .ant-tabs-ink-bar, -div[class*="page-container-header"] .ant-tabs-ink-bar { - display: none !important; -} +// .ant-pro-page-container-header .ant-tabs-ink-bar, +// div[class*='page-container-header'] .ant-tabs-ink-bar { +// display: none !important; +// } -// 内容区域 - 调整padding以适应固定的header +// // 内容区域 - 调整padding以适应固定的header .ant-pro-grid-content { - padding: 24px; - padding-top: 120px; /* 64px UmiJS Header + 48px tabs header + 8px */ + padding: 15px; + // padding-top: 20px; /* 64px UmiJS Header + 48px tabs header + 8px */ } - -.ant-pro-page-container { - padding-top: 0 !important; +.ant-page-header { + padding: 0 15px !important; } +// .ant-pro-page-container { +// padding-top: 0 !important; +// } -.ant-pro-page-container-warp { - padding-top: 0 !important; -} +// .ant-pro-page-container-warp { +// padding: 0 !important; +// } -.ant-pro-page-container-children-content { - padding: 24px !important; - padding-top: 0 !important; -} +// .ant-pro-page-container-children-content { +// padding: 24px !important; +// padding-top: 0 !important; +// } -// 确保主内容区域正确的padding -.ant-layout-content { - padding-top: 120px !important; -} +// // 确保主内容区域正确的padding +// .custom-header .header-left { +// flex: 1; +// } -.custom-header .header-left { - flex: 1; -} +// .custom-header .header-right { +// display: flex; +// align-items: center; +// gap: 16px; +// } -.custom-header .header-right { - display: flex; - align-items: center; - gap: 16px; -} +// .custom-header .header-right > div { +// display: flex; +// align-items: center; +// transition: opacity 0.2s; +// } -.custom-header .header-right > div { - display: flex; - align-items: center; - transition: opacity 0.2s; -} +// .custom-header .header-right > div:hover { +// opacity: 0.8; +// } -.custom-header .header-right > div:hover { - opacity: 0.8; -} +// // 内容区域 - 添加顶部padding避免被固定header遮挡 +// .ant-pro-grid-content { +// padding: 24px; +// padding-top: 24px; /* 恢复正常padding */ +// } -// 内容区域 - 添加顶部padding避免被固定header遮挡 -.ant-pro-grid-content { - padding: 24px; - padding-top: 24px; /* 恢复正常padding */ -} +// .ant-pro-page-container { +// padding-top: 0 !important; +// } -.ant-pro-page-container { - padding-top: 0 !important; -} +// .ant-pro-page-container-children-content { +// padding-top: 0 !important; +// padding: 24px !important; +// } -.ant-pro-page-container-children-content { - padding-top: 0 !important; - padding: 24px !important; -} +// // 页面容器卡片 +// .ant-pro-page-container { +// background: transparent; +// } -// 页面容器卡片 -.ant-pro-page-container { - background: transparent; -} +// .ant-pro-page-container .ant-pro-page-container-warp { +// background: #ffffff; +// border-radius: 8px; +// box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03); +// padding: 24px; +// } -.ant-pro-page-container .ant-pro-page-container-warp { - background: #ffffff; - border-radius: 8px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03); - padding: 24px; -} - -// 隐藏侧边栏底部的用户信息区域 +// // 隐藏侧边栏底部的用户信息区域 .ant-pro-sider .ant-pro-sider-actions { display: none !important; } @@ -244,18 +242,33 @@ div[class*="page-container-header"] .ant-tabs-ink-bar { .ant-pro-sider-collapsed .ant-pro-sider-actions { display: none !important; } - -// 确保顶部Header显示 -.ant-pro-header { - display: flex !important; +.my-prefix-sider-actions { + // display: none !important; } -// 确保PageContainer的affix header显示 -.ant-pro-page-container-affix { - display: block !important; -} +// 确保顶部Header始终显示，不受响应式影响 +// .ant-pro-header { +// display: flex !important; +// width: 100% !important; +// } -// 只隐藏通用的ant-affix（非PageContainer相关） -.ant-affix:not(.ant-pro-page-container-affix) { - display: none !important; -} +// 确保在所有屏幕尺寸下header都显示 +// @media (min-width: 0px) { +// .ant-pro-header { +// display: flex !important; +// } +// } + +// .ant-layout-header { +// display: flex !important; +// } + +// // 确保顶部Header显示 +// .ant-pro-header { +// display: flex !important; +// } + +// // 确保PageContainer的affix header显示 +// .ant-pro-page-container-affix { +// display: block !important; +// }