shaogen1995 7 月之前
父节点
当前提交
e1da6a343c
共有 2 个文件被更改,包括 29 次插入16 次删除
  1. 13 11
      Code/src/components/BaseImg/index.module.scss
  2. 16 5
      Code/src/pages/A1home/index.module.scss

+ 13 - 11
Code/src/components/BaseImg/index.module.scss

@@ -41,16 +41,18 @@
     .BItxt {
     .BItxt {
       text-indent: 2em;
       text-indent: 2em;
       position: absolute;
       position: absolute;
-      top: 32%;
+      top: 35%;
       left: 50%;
       left: 50%;
       transform: translateX(-50%);
       transform: translateX(-50%);
       z-index: 10;
       z-index: 10;
-      width: 70%;
-      max-height: 200px;
+      width: 60%;
+      height: 160px;
       background-size: 100% 100%;
       background-size: 100% 100%;
-      padding: 10px;
+      padding: 26px;
       background-color: rgba(242, 242, 215, 0.3);
       background-color: rgba(242, 242, 215, 0.3);
       backdrop-filter: blur(4px);
       backdrop-filter: blur(4px);
+      display: flex;
+      align-items: center;
       & > img {
       & > img {
         position: absolute;
         position: absolute;
         top: 0;
         top: 0;
@@ -66,9 +68,9 @@
       & > div {
       & > div {
         text-align: justify;
         text-align: justify;
         width: 100%;
         width: 100%;
-        max-height: 180px;
+        max-height: 100%;
         color: #fffddc;
         color: #fffddc;
-        font-size: 14px;
+        font-size: 11px;
         letter-spacing: 3px;
         letter-spacing: 3px;
         line-height: 22px;
         line-height: 22px;
         overflow-y: auto;
         overflow-y: auto;
@@ -198,11 +200,11 @@
     }
     }
 
 
     // 屏幕>=1200
     // 屏幕>=1200
-    @media screen and (min-width: 1200px) {
-      .BItxt > div {
-        font-size: 12px !important;
-      }
-    }
+    // @media screen and (min-width: 1200px) {
+    //   .BItxt > div {
+    //     font-size: 11px !important;
+    //   }
+    // }
   }
   }
 }
 }
 
 

+ 16 - 5
Code/src/pages/A1home/index.module.scss

@@ -60,7 +60,7 @@
         top: -35px;
         top: -35px;
         left: 50%;
         left: 50%;
         transform: translateX(-50%);
         transform: translateX(-50%);
-        width: 80%;
+        width: 70%;
         transition: all 1s;
         transition: all 1s;
         .A1txt1 {
         .A1txt1 {
           margin: 0 auto 8px;
           margin: 0 auto 8px;
@@ -74,17 +74,18 @@
         }
         }
         .A1txt2 {
         .A1txt2 {
           text-align: justify;
           text-align: justify;
-          font-size: 14px;
+          font-size: 12px;
           background-size: 100% 100%;
           background-size: 100% 100%;
-          padding: 8px 10px 1px;
+          padding: 8px 10px 2px;
           p {
           p {
-            margin-bottom: 6px;
+            text-indent: 2em;
+            margin-bottom: 8px;
           }
           }
         }
         }
       }
       }
       .A1txtShow {
       .A1txtShow {
         opacity: 1;
         opacity: 1;
-        top: 35px;
+        top: 50px;
       }
       }
 
 
       .A1loding {
       .A1loding {
@@ -193,4 +194,14 @@
       pointer-events: none;
       pointer-events: none;
     }
     }
   }
   }
+
+  // 屏幕>=1200
+  @media screen and (min-width: 1200px) {
+    .A1txt2 {
+      font-size: 11px !important;
+    }
+    .A1txtShow {
+      top: 60px !important;
+    }
+  }
 }
 }