所有样式画完

src/app/main/page-four/page-four.component.scss

@@ -8,18 +8,16 @@
     padding: 5% 10%;
     .imgPart {
       width: 35%;
-      height: 100%;
+      height: 80px;
       display: inline-block;
       vertical-align: top;
-      padding: 15px 0;
-      text-align: left;
+      text-align: center;
     }
     .topRight {
       width: calc(62% - 2px);
       display: inline-block;
-      height: calc(100% - 30px);
-      margin: 15px 0;
-      line-height: 2.4;
+      height: 80px;
+      line-height: 40px;
       font-size: 16px;
       font-weight: 600;
       text-align: center;
@@ -62,3 +60,20 @@
     background-color: #1890ff;
   }
 }
+
+@media all and (orientation : landscape) {
+  .middleCon .line {
+      padding-top: 2%;
+  }
+  .bottomBtn {
+    margin-top: 2%;
+  }
+
+  .topBar {
+    height: 35%;
+    padding: 3% 0 0 0;
+    .top {
+      padding: 0 3%;
+    }
+  }
+}

src/app/main/page-one/page-one.component.ts

@@ -120,7 +120,6 @@ export class PageOneComponent implements OnInit {
     }
 
     slideDidChange() {
-        console.log('111');
         this.slide.startAutoplay();
     }