首页样式调整

src/app/api/api/default.service.ts

@@ -41,9 +41,9 @@ import { Observable } from 'rxjs';
 @Injectable()
 export class DefaultService {
 
-   public basePath = 'http://localhost:8081';
+   //public basePath = 'http://localhost:8081';
    
- //public basePath = 'http://192.168.19.200:8081';
+    public basePath = 'http://192.168.19.200:8081';
     public defaultHeaders = new HttpHeaders();
     public configuration = new Configuration();
 

src/app/main/main.component.less

@@ -13,6 +13,7 @@
         // border: 1px solid #613d3d;
         // margin-bottom: 1em;
         // margin-left: 2em;
+        height:288px;
         position: relative;
         button{
             //position: absolute;
@@ -55,10 +56,12 @@
     }
 
     .left{
-     
+        
         width: 292px;
         position: absolute;
         top: 188px;
+        display: flex;
+        flex-direction: column;
     }
   
     .map{
@@ -85,7 +88,7 @@ baidu-map{
        
         box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #4a83b4, 0 0 35px #4a83b4, 0 0 40px #4a83b4, 0 0 50px #4a83b4, 0 0 75px #4a83b4;
         border-radius: 14px;
-
+        margin-bottom: 1em;
         cursor: pointer;
         width: 63px;
     }
@@ -118,7 +121,7 @@ fieldset{
     background: #202734;
     margin: 5px;
     border-radius: 13px;
-    margin-bottom: 1em;
+    margin-bottom: 5em;
     margin-left: 2em;
     width:120%;
     legend{
@@ -161,7 +164,7 @@ fieldset{
     position: relative;
     display: inline-block;
     border-bottom: 1px dotted black;
-    margin-top: 1em;
+    margin-top: 1.6em;
     text-align: center;
     width:70px;
   }