From dc4bf608780e2e16ce3ce435a77d3a6ed047a3cb Mon Sep 17 00:00:00 2001
From: master1lan <278457198@qq.com>
Date: Tue, 7 Mar 2023 14:06:14 +0800
Subject: [PATCH 1/2] =?UTF-8?q?:lipstick:=20style(custom):=20pc=E7=AB=AF?=
 =?UTF-8?q?=E8=A7=86=E9=A2=91=E9=A1=B5=E5=AF=B9=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/image/image.module.less  |  1 -
 src/index.less                          |  4 ++
 src/routers/video/item/item.module.less |  7 ++-
 src/routers/video/item/videoinfo.tsx    |  2 +-
 src/routers/video/masonry.tsx           | 64 +++++++++++++++++--------
 src/routers/video/video.module.less     | 19 ++------
 6 files changed, 58 insertions(+), 39 deletions(-)

diff --git a/src/components/image/image.module.less b/src/components/image/image.module.less
index 1ca36d4..8d73be7 100644
--- a/src/components/image/image.module.less
+++ b/src/components/image/image.module.less
@@ -1,7 +1,6 @@
 .imgWrapper {
     position: relative;
     overflow: hidden;
-    border-radius: 8px;
     outline: 0.5px solid rgba(0, 0, 0, .05);
     height: 100%;
 
diff --git a/src/index.less b/src/index.less
index 6c8d898..00c32da 100644
--- a/src/index.less
+++ b/src/index.less
@@ -30,6 +30,10 @@
     margin: 0 auto;
     padding: 0 8px;
     max-width: 1440px;
+
+    @media (max-width:600px) {
+        padding: 0 2px;
+    }
 }
 
 @font-face {
diff --git a/src/routers/video/item/item.module.less b/src/routers/video/item/item.module.less
index 1a866bb..dd21c57 100644
--- a/src/routers/video/item/item.module.less
+++ b/src/routers/video/item/item.module.less
@@ -42,9 +42,12 @@
         display: flex;
         flex-flow: column nowrap;
         justify-content: space-between;
+        // fixed
+        flex-basis: 80px;
+        flex-shrink: 0;
 
-        &>*:not(:first-child) {
-            margin-top: 5px;
+        @media (max-width:600px) {
+            flex: 1;
         }
 
         p {
diff --git a/src/routers/video/item/videoinfo.tsx b/src/routers/video/item/videoinfo.tsx
index a80a530..d875e39 100644
--- a/src/routers/video/item/videoinfo.tsx
+++ b/src/routers/video/item/videoinfo.tsx
@@ -38,7 +38,7 @@ export const VideoInfo: FC<
 
 const DataP = styled("p")(({ theme }) => ({
   fontSize: "15px",
-  margin: "5px 0",
+  marginTop: "5px",
   [theme.breakpoints.down("sm")]: {
     fontSize: "13px",
   },
diff --git a/src/routers/video/masonry.tsx b/src/routers/video/masonry.tsx
index f6d7490..23040a9 100644
--- a/src/routers/video/masonry.tsx
+++ b/src/routers/video/masonry.tsx
@@ -71,33 +71,50 @@ const VideoContent: FC<{ data: VideoListType }> = memo((props) => {
     resItems = shouldNoShowHeroLine ? data : data.slice(rightLen);
   return (
     <>
+      {/* hero排*/}
       <Grid
         container
         spacing={{
           lg: 2,
           sm: 1,
         }}
-        sx={{
-          marginBottom: "30px",
-        }}
         rowSpacing={2}
         columns={{
           md: 10,
           sm: 6,
           xs: 4,
         }}
+        className='mb-8 max-md:mb-4'
       >
-        <Grid xs={4} sm={4} md={5} lg={4} className={styles["hero-content"]}>
-          {loading ? (
-            <LoadingSkeleton />
-          ) : shouldNoShowHeroLine ? (
-            <></>
-          ) : (
-            <VideoRouterImageCard data={heroItem[0]} />
-          )}
+        <Grid xs={4} sm={4} md={5} lg={4} sx={{ padding: "0px" }}>
+          <Grid
+            container
+            columns={{
+              lg: 2,
+              md: 2,
+              sm: 2,
+              xs: 2,
+            }}
+            sx={{
+              height: "100%",
+              margin: "0px",
+              padding: "0px",
+            }}
+            className={styles["hero-content"]}
+          >
+            {loading ? (
+              <Grid xs={2}>
+                <LoadingSkeleton />
+              </Grid>
+            ) : shouldNoShowHeroLine ? (
+              <></>
+            ) : (
+              <MemoItems {...heroItem[0]}></MemoItems>
+            )}
+          </Grid>
         </Grid>
         {!sm && (
-          <Grid sm={2} md={5} lg={6} sx={{ padding: 0 }}>
+          <Grid sm={2} md={5} lg={6} sx={{ padding: "0px" }}>
             <Grid
               container
               columns={{
@@ -105,6 +122,11 @@ const VideoContent: FC<{ data: VideoListType }> = memo((props) => {
                 md: 4,
                 sm: 2,
               }}
+              sx={{
+                height: "100%",
+                margin: "0px",
+                padding: "0px",
+              }}
             >
               {loading ? (
                 <LoadingItems length={rightLen - 1} />
@@ -174,17 +196,19 @@ const MemoItems: FC<VideoRouterImageCardType> = memo((props) => {
 });
 
 const LoadingSkeleton = () => (
-  <>
+  <div className='flex flex-col h-full'>
     <Skeleton
       variant='rounded'
       animation='wave'
-      className={styles["skeleton-img"]}
+      className={`${styles["skeleton-img"]} flex-grow`}
     />
-    <Skeleton animation='wave' height={20} />
-    <Skeleton animation='wave' width={"50%"} height={20} />
-    <div className={styles["skeleton-content"]}>
-      <Skeleton animation='wave' width={40} height={25} />
-      <Skeleton animation='wave' width={"60%"} height={20} />
+    <div className='flex-shrink-0 basis-20'>
+      <Skeleton animation='wave' height={20} />
+      <Skeleton animation='wave' width={"50%"} height={20} />
+      <div className={styles["skeleton-content"]}>
+        <Skeleton animation='wave' width={40} height={25} />
+        <Skeleton animation='wave' width={"60%"} height={20} />
+      </div>
     </div>
-  </>
+  </div>
 );
diff --git a/src/routers/video/video.module.less b/src/routers/video/video.module.less
index bfce141..afd3a99 100644
--- a/src/routers/video/video.module.less
+++ b/src/routers/video/video.module.less
@@ -14,7 +14,7 @@
 }
 
 .hero-content {
-    &>section:only-child {
+    & section:only-child {
         &>a:first-child {
             flex-grow: 1;
 
@@ -32,20 +32,9 @@
         }
 
         &>div:last-child {
-            justify-content: flex-start;
-
+            // justify-content: flex-start;
+            flex-grow: 0;
         }
 
     }
-}
-
-// .container:empty {
-//     display: flex;
-//     justify-content: center;
-
-//     &::before {
-//         margin-top: 50px;
-//         content: "暂无数据";
-//         color: #c1c1c1;
-//     }
-// }
\ No newline at end of file
+}
\ No newline at end of file

From cb8c35886ebff07dfcadeb1602c6265871ffc553 Mon Sep 17 00:00:00 2001
From: master1lan <master1lan@vtb.link>
Date: Tue, 7 Mar 2023 06:11:30 +0000
Subject: [PATCH 2/2] chore(release): 1.2.3

---
 CHANGELOG.md | 9 +++++++++
 package.json | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 348480d..ead08c6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,15 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## 1.2.3 (2023-03-07)
+
+
+### 💄 Styles
+
+* **custom**: pc端视频页对齐 ([dc4bf60](https://vlink.dev/EOEFANS/eoefans-web/commits/dc4bf60))
+
+
+
 ## 1.2.2 (2023-03-05)
 
 
diff --git a/package.json b/package.json
index 461f058..5ce1067 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eoefans-web",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "type": "module",
   "scripts": {
     "dev": "vite --config ./config/vite.dev.config.ts",