浏览代码

💄 内容目录修正

imengyu 19 小时之前
父节点
当前提交
2a562b3951
共有 2 个文件被更改,包括 26 次插入7 次删除
  1. 16 0
      src/assets/scss/news.scss
  2. 10 7
      src/components/display/SimpleRichHtml.vue

+ 16 - 0
src/assets/scss/news.scss

@@ -221,6 +221,22 @@
       display: block;
       margin: 0 auto;
     }
+
+    h1 {
+      margin-top: 15px;
+    }
+    h2 {
+      margin-top: 12px; 
+    }
+    h3 {
+      margin-top: 10px; 
+    }
+    h4 {
+      margin-top: 5px; 
+    }
+    h5 {
+      margin-top: 3px;
+    }
   }
 
   .info-list {

+ 10 - 7
src/components/display/SimpleRichHtml.vue

@@ -111,24 +111,27 @@ onMounted(() => {
 </script>
 
 <style lang="scss">
-@use "@/assets/scss/Scroll" as *;
-
 .nana-rich-html-container {
   position: relative;
   display: flex;
   flex-direction: row;
-  overflow-y: scroll;
-
-  @include pc-fix-scrollbar();
 
   .rich-html {
     flex: 1 1 100%;
   }
   .rich-html-catalog {
-    position: sticky;
-    top: 0px;
+    position: fixed;
+    top: 140px;
+    right: 0;
+    bottom: 0px;
     width: 15rem;
   }
 }
 
+
+@media (max-width: 1648px) {
+  .rich-html-catalog {
+    display: none;
+  }
+}
 </style>