fix: 首页适配修改

src/pages/home/components/AdvertisementSpace/index.tsx

 import React, { useEffect, useState } from 'react';
 import styles from './index.less';
 import { PublicApi } from '@/services/api';
+import { Row, Col } from 'antd';
 
 interface Iprops {
   // title: string,
@@ -28,19 +29,20 @@ const AdvertisementContainer = () => {
   }, [])
 
   return (
-    <div>
+    <Row gutter={[24, 0]}>
       {
         data.map((item, key) => {
           return (
-            <AdvertisementSpace
-              urlLink={item.link}
-              imageUrl={item.imageUrl}
-              key={key}
-            />
+            <Col xxl={24} xl={8} lg={8} md={12} sm={24} xs={12} key={key}>
+              <AdvertisementSpace
+                urlLink={item.link}
+                imageUrl={item.imageUrl}
+              />
+            </Col>
           )
         })
       }
-    </div>
+    </Row>
   )
 }
 

src/pages/home/index.less

@@ -73,7 +73,7 @@
       grid-column-start: 1;
       grid-column-end: 19;
       grid-row-start: 1;
-      margin-top: -425px;
+      margin-top: -430px;
     }
     .anyQuestion {
       grid-column-start: 19;
@@ -98,3 +98,6 @@
   }
 }
 
+@media (min-width: 1200px) and (max-width: 1599px) {
+
+}

src/pages/home/index.tsx

@@ -78,10 +78,10 @@ const Home: React.FC<{}> = () => {
               <UserCenter />
             </div>
             <div className={styles.announce}>
-              <LatestAnnounce />
-            </div>
-            <div className={styles.recentVisit}>
-              <RecentVisit />
+              <Row gutter={[24, 12]}>
+                <Col xxl={24} xl={12} lg={12} md={24} sm={24}><LatestAnnounce /></Col>
+                <Col xxl={24} xl={12} lg={12} md={24} sm={24}><RecentVisit /></Col>
+              </Row>
             </div>
           </div>
           <div className={styles.bottom}>
@@ -106,10 +106,11 @@ const Home: React.FC<{}> = () => {
             </div>
             <div className={styles.anyQuestion}>
               <AnyQuestion />
+              <div className={styles.advertise}>
+                <AdvertisementContainer />
+              </div>
             </div>
-            <div className={styles.advertise}>
-              <AdvertisementContainer />
-            </div>
+
           </div>
         </div>