Browse Source

报告详情pc端适配

jwyu 8 months ago
parent
commit
8c3ef89836
1 changed files with 35 additions and 8 deletions
  1. 35 8
      src/views/report/Detail.vue

+ 35 - 8
src/views/report/Detail.vue

@@ -445,13 +445,7 @@ function handleGoLogin(){
       display: inline-block !important;
       vertical-align: middle !important;
     }
-    :deep(.report-drag-item-wrap_child-wrap){
-      flex-wrap: wrap;
-      .report-drag-item-wrap_child_content{
-        flex: none !important;
-        width: 100%;
-      }
-    }
+    
     .chapter-item-wrap {
       padding: 20px 0;
       .chapter-title {
@@ -531,7 +525,20 @@ function handleGoLogin(){
     height: 200px;
   }
 }
-
+@media (max-width: 599px){
+  .report-detail-page{
+    .report-content-box{
+      :deep(.report-drag-item-wrap_child-wrap){
+        flex-wrap: wrap;
+        .report-drag-item-wrap_child_content{
+          flex: none !important;
+          width: 100%;
+        }
+      }
+    }
+    
+  }
+}
 @media (min-width: 600px) {
   .report-detail-page {
     .title-box {
@@ -570,6 +577,23 @@ function handleGoLogin(){
         width: 18px !important;
         height: 18px !important;
       }
+
+      .chapter-item-wrap {
+        padding: 10px 0;
+        .chapter-title {
+            display: flex;
+            align-items: center;
+            font-size: 20px;
+            .type {
+                padding: 5px 10px;
+                border-radius: 4px; 
+                margin-right: 10px;
+            }
+            .chapter-title-text {
+                font-size: 20px;
+            }
+        }
+      }
     }
     .right-fix-box {
       right: 17px;
@@ -586,6 +610,9 @@ function handleGoLogin(){
         height: 50px;
       }
     }
+    .html-head-img-box,.html-end-img-box{
+      margin-bottom: 5px;
+    }
   }
   .no-auth-wrap {
     .opcity-box {