功能：问题修复

src/components/layout/header/index.tsx

@@ -15,11 +15,8 @@ import { setUserInfo, UserInfoState } from '@/store/module/userInfo';
 import getLocationByIP from '@/utils/getLocationByIP';
 
 const HeaderView: React.FC<{
-  placeholder?: boolean;
+  placeholder: boolean;
 }> = ({ placeholder }) => {
-  HeaderView.defaultProps = {
-    placeholder: true,
-  };
   // 当前的路由数据
   const router = useRouter();
   // store
@@ -104,72 +101,84 @@ const HeaderView: React.FC<{
     },
   ];
   return (
-    <HeaderWrap>
-      <div className="header-wrap">
-        <div className="header-location">
-          <div className="location-icon">
-            <EnvironmentFilled
-              style={{ color: '#FF552D', fontSize: '0.86rem' }}
-            />
-          </div>
-          <Button type={'link'} className="location-address">
-            {address?.city || '定位中...'}
-          </Button>
-          <div className="location-hello">Hi，欢迎来到云享飞</div>
-        </div>
-        <div className="header-nav">
-          <div className="nav-tab">
-            <Button type={'link'} className="tab-item">
-              个人中心
-            </Button>
-            <Button type={'link'} className="tab-item">
-              购物车
-            </Button>
-            <Button type={'link'} className="tab-item">
-              我的订单
-            </Button>
-            <Button type={'link'} className="tab-item">
-              消息
-            </Button>
-            <Button type={'link'} className="tab-item">
-              联系客服
+    <>
+      <HeaderWrap
+        style={{
+          background: placeholder ? '#2A2A2A' : 'rgba(86, 86, 86, 0.25)',
+        }}
+      >
+        <div className="header-wrap">
+          <div className="header-location">
+            <div className="location-icon">
+              <EnvironmentFilled
+                style={{ color: '#FF552D', fontSize: '0.86rem' }}
+              />
+            </div>
+            <Button type={'link'} className="location-address">
+              {address?.city || '定位中...'}
             </Button>
+            <div className="location-hello">Hi，欢迎来到云享飞</div>
           </div>
-          {!!userInfo && (
-            <div className="nav-user">
-              <Dropdown
-                overlayStyle={{ textAlign: 'center' }}
-                menu={{ items }}
-                placement="bottomRight"
-                arrow
-              >
-                <div
-                  className="user-avatar"
-                  style={{ backgroundImage: `url(${userInfo?.userImg})` }}
-                ></div>
-              </Dropdown>
-            </div>
-          )}
-          <div className="nav-action">
-            {!userInfo && (
-              <Button
-                type={'primary'}
-                className="action-item"
-                onClick={handleLogin}
-              >
-                登录
+          <div className="header-nav">
+            <div className="nav-tab">
+              <Button type={'link'} className="tab-item">
+                个人中心
+              </Button>
+              <Button type={'link'} className="tab-item">
+                购物车
               </Button>
+              <Button type={'link'} className="tab-item">
+                我的订单
+              </Button>
+              <Button type={'link'} className="tab-item">
+                消息
+              </Button>
+              <Button type={'link'} className="tab-item">
+                联系客服
+              </Button>
+            </div>
+            {!!userInfo && (
+              <div className="nav-user">
+                <Dropdown
+                  overlayStyle={{ textAlign: 'center' }}
+                  menu={{ items }}
+                  placement="bottomRight"
+                  arrow
+                >
+                  <div
+                    className="user-avatar"
+                    style={{ backgroundImage: `url(${userInfo?.userImg})` }}
+                  ></div>
+                </Dropdown>
+              </div>
             )}
-            <Button type={'primary'} className="action-item">
-              发布需求
-            </Button>
-            <Button type={'primary'} className="action-item">
-              加盟入驻
-            </Button>
+            <div className="nav-action">
+              {!userInfo && (
+                <Button
+                  type={'primary'}
+                  className="action-item"
+                  onClick={handleLogin}
+                >
+                  登录
+                </Button>
+              )}
+              <Button type={'primary'} className="action-item">
+                发布需求
+              </Button>
+              <Button type={'primary'} className="action-item">
+                加盟入驻
+              </Button>
+            </div>
           </div>
         </div>
-      </div>
-    </HeaderWrap>
+      </HeaderWrap>
+      {placeholder && (
+        <div
+          className="header-wrap"
+          style={{ width: '100%', height: '3rem' }}
+        ></div>
+      )}
+    </>
   );
 };
 

src/components/layout/index.tsx

@@ -9,7 +9,10 @@ import QrcodeModalView from '@/components/qrcodeModal';
 import { RootState } from '@/store';
 import { GlobalDataState, setGlobalData } from '@/store/module/globalData';
 
-const LayoutView = ({ children }: { children?: React.ReactNode }) => {
+const LayoutView: React.FC<{
+  children?: React.ReactNode;
+  placeholder?: boolean;
+}> = ({ children, placeholder }) => {
   // 打开二维码弹窗
   const [qrcodeShow, setQrcodeShow] = useState<boolean>(false);
   // store
@@ -34,7 +37,11 @@ const LayoutView = ({ children }: { children?: React.ReactNode }) => {
             // setQrcodeShow(!qrcodeShow);
           }}
         >
-          <HeaderView></HeaderView>
+          {placeholder ? (
+            <HeaderView placeholder={true}></HeaderView>
+          ) : (
+            <HeaderView placeholder={false}></HeaderView>
+          )}
           <ContentView>{children}</ContentView>
           <FooterView></FooterView>
         </div>

src/pages/_app.tsx

 import React from 'react';
 import { ConfigProvider, theme } from 'antd';
+import zhCN from 'antd/locale/zh_CN';
 import type { AppProps } from 'next/app';
 import '../styles/animate.css';
 import '../styles/globals.css';
@@ -7,7 +8,6 @@ import { Provider } from 'react-redux';
 import { PersistGate } from 'redux-persist/integration/react';
 import { wrapper } from '@/store';
 import themeConfig from '../theme/themeConfig';
-import zhCN from 'antd/locale/zh_CN';
 
 const App = ({ Component, pageProps, ...rest }: AppProps) => {
   const { store } = wrapper.useWrappedStore(rest);

src/pages/mall/index.tsx

@@ -39,7 +39,7 @@ const MallView = (props: any) => {
   }, [props]);
   return (
     <>
-      <LayoutView>
+      <LayoutView placeholder={true}>
         <div>测试</div>
         <Button
           onClick={() => {