Browse Source

feat: connect 手机页面

zhaoxinming 7 hours ago
parent
commit
e4b74e0ccb
2 changed files with 65 additions and 9 deletions
  1. 0 9
      src/pages/AboutUs/AboutUs.module.css
  2. 65 0
      src/pages/ContactUs/ContactUs.module.css

+ 0 - 9
src/pages/AboutUs/AboutUs.module.css

@@ -67,16 +67,7 @@
 
 @media (max-width: 768px) {
     .topContainer {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
         height: 66.71vw;
-        width: 100%;
-        background-image: url("../../assets/images/aboutus/top.png");
-        background-size: cover;
-        background-position: center;
-        background-Repeat: no-repeat;
     }
 
     .aboutUsTitle {

+ 65 - 0
src/pages/ContactUs/ContactUs.module.css

@@ -112,3 +112,68 @@
     justify-content: center;
     width: 600px;
 }
+
+@media (max-width: 768px) {
+    .topContainer {
+        height: 66.71vw;
+    }
+
+    .title {
+        font-size: 6.4vw;
+    }
+
+    .contentContainer {
+        padding: 16vw 0;
+        width: 84vw;
+    }
+
+    .title1 {
+        font-size: 6.4vw;
+        margin-bottom: 4.3vw;
+    }
+
+    .content1 {
+        font-size: 4.3vw;
+        margin-bottom: 9.6vw;
+    }
+
+    .property {
+        font-size: 4.27vw;
+        margin-bottom: 2.67vw;
+    }
+
+    .input {
+        border: 0.27vw solid #DFDFDF;
+        border-radius: 1.33vw;
+        width: 84vw;
+        height: 10.67vw;
+        padding: 4vw;
+        margin-bottom: 5.33vw;
+    }
+
+    .input:focus {
+        border: 0.27vw solid #808080;
+    }
+
+    .textarea {
+        border: 0.27vw solid #DFDFDF;
+        border-radius: 5px;
+        width: 84vw;
+        height: 33.07vw;
+        padding: 4vw;
+        margin-bottom: 16vw;
+    }
+
+    .textarea:focus {
+        outline: none;
+        border: 0.27vw solid #808080;
+        --input-border-color: #808080;
+    }
+
+    .button {
+        font-size: 4.27vw;
+        width: 36.8vw;
+        height: 12vw;
+        align-self: center;
+    }
+}