feat:移植工程

2025-06-10 16:20:21 +08:00
commit 829df0b1d1
356 changed files with 43395 additions and 0 deletions
--- a/src/styles/blog/blog.module.scss
+++ b/src/styles/blog/blog.module.scss
@@ -0,0 +1,60 @@
+@use "blog.variable.module.scss" as blog;
+
+.blog-container {
+  // height: 100%;
+  background-color: blog.$bg-color;
+  padding: 0 5vw;
+
+  display: grid;
+  grid-template-columns: minmax(13vw, 200px) 1fr;
+  column-gap: 2vw;
+
+  aside {
+    display: grid;
+    grid-template-rows: 40vh 60vh;
+    row-gap: 2vh;
+    z-index: 2;
+
+    .blog-summary {
+      // 滚动到顶部固定
+      position: sticky;
+      top: 0;
+    }
+  }
+
+  section {
+    z-index: 2;
+
+    display: flex;
+    flex-direction: column;
+    gap: 2vh;
+
+    .blog-section {
+      // height: 100%;
+      min-height: 100vh;
+      background-color: blog.$card-bg-color;
+      border: 1px solid blog.$border-color;
+      border-radius: blog.$border-radius;
+      box-shadow: 0 0 5px blog.$border-color;
+
+      .module-title {
+        background-color: blog.$theme-color;
+        padding: 5px;
+        border: 2px solid blog.$theme-color;
+        border-radius: 10px;
+        text-align: center;
+        font-size: blog.$large-font-size;
+        font-family: "华文楷体", serif;
+      }
+    }
+  }
+
+  .card-container {
+    background-color: blog.$card-bg-color;
+    border: 1px solid blog.$border-color;
+    border-radius: blog.$border-radius;
+    box-shadow: 0 0 3px blog.$border-color;
+  }
+}
+
+