🎨 优化修改详情页细节

src/assets/scss/main.scss

@@ -89,6 +89,7 @@ main {
   z-index: 1;
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 
   .inner {
     position: relative;

src/components/parts/Header.vue

@@ -65,7 +65,7 @@ header {
     position: absolute;
     top: 0;
     left: 0;
-    width: 100%;
+    right: 0;
     z-index: 100;
   }
 

src/views/Details/CommonDetail.vue

@@ -72,7 +72,11 @@ watch(route, () => loader.loadData(undefined, true));
 </template>
 
 <style lang="scss" scoped>
-
+.content {
+  overflow: hidden;
+  width: 100%;
+  max-height: 100vh;
+}
 .left {
   position: absolute;
   top: 0;
@@ -86,8 +90,8 @@ watch(route, () => loader.loadData(undefined, true));
   position: absolute;
   top: 0;
   right: 0;
-  width: 70%;
-  height: 100%;
+  width: 60vw;
+  height: 80%;
   z-index: 1;
   background: linear-gradient(90deg, rgba(240, 235, 222, 0.1) 0%, #f0ebde 15%, #f0ebde 100%);
   font-size: 0.8rem;
@@ -132,12 +136,14 @@ watch(route, () => loader.loadData(undefined, true));
   .right {
     padding-top: 4%;
     padding-bottom: 4%;
+    height: 88%;
   }
 }
 @media (max-height: 400px) {
   .right {
     padding-top: 2%;
     padding-bottom: 2%;
+    height: 86%;
   }
 }