样式优化

src/app/app.component.ts

@@ -90,7 +90,7 @@ export class AppComponent implements OnInit, OnDestroy {
         // 控制首页浮标显示与否和底部菜单
         // 控制首页浮标显示与否和底部菜单
         this.isShowIndexBtn = event.url != '/login';
         this.isShowIndexBtn = event.url != '/login';
         this.iconShowFlag = !!localStorage.getItem('lifeCustomerInfo');
         this.iconShowFlag = !!localStorage.getItem('lifeCustomerInfo');
-        if(event.url.indexOf('/material/')>=0){
+        if(event.url.indexOf('/material/')>=0 || event.url.indexOf('/inviter')>=0 || event.url.indexOf('/register')>=0){
           this.isShowIndexBtn = false;
           this.isShowIndexBtn = false;
         }
         }
         // 更新底部图标状态
         // 更新底部图标状态

src/app/my/application-process/employee-info/employee-info.component.scss

@@ -8,7 +8,7 @@
         color: #333;
         color: #333;
         width: 100%;
         width: 100%;
         text-align: center; 
         text-align: center; 
-        margin: 20px auto 0 auto;   
+        padding-top: 20px;
     }
     }
     .content {
     .content {
         padding: 10px 5px;
         padding: 10px 5px;

src/app/my/application-process/invitation/invitation.component.scss

@@ -39,6 +39,8 @@
             left: 0;
             left: 0;
             right: 0;
             right: 0;
             bottom: 8%;
             bottom: 8%;
+            margin: 0 auto;
+            text-align: center;
         }
         }
     }
     }
    
    

src/app/my/application-process/register/register.component.html

@@ -34,7 +34,7 @@
     </div>
     </div>
   </div>
   </div>
   <footer style="width: 80%;margin-top: 30px;" (click)="checkVerificationCode()">下一步</footer>
   <footer style="width: 80%;margin-top: 30px;" (click)="checkVerificationCode()">下一步</footer>
-  <img style="position: relative;bottom: 0;left: 0;z-index: 1;" src="assets/images/register_bg.png" alt=""  *ngIf="type!='identify'">
+  <img style="position: relative;bottom: 0;left: 0;" src="assets/images/register_bg.png" alt=""  *ngIf="type!='identify'">
 </div>
 </div>
 <ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert>
 <ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert>
 <ydlife-toast *ngIf="toastDialog" [toastInfo]="toastInfo"></ydlife-toast>
 <ydlife-toast *ngIf="toastDialog" [toastInfo]="toastInfo"></ydlife-toast>

src/app/my/application-process/register/register.component.scss

@@ -2,6 +2,7 @@
     margin: 0 auto;
     margin: 0 auto;
     text-align: center;
     text-align: center;
     position: relative;
     position: relative;
+    background-color: #fff;
     img.logo{
     img.logo{
         width: 25%;
         width: 25%;
         margin-top: 15%;
         margin-top: 15%;
@@ -29,4 +30,15 @@
             padding-left: 10px;
             padding-left: 10px;
         }
         }
     }
     }
+}
+footer{
+    background: #c81b1e;
+    color: #fff;
+    font-size: 18px;
+    font-weight: 700;
+    border-radius: 4px;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    margin: 15px auto 0;
 }
 }
\ No newline at end of file

src/app/my/customer-relation/customer-relation.component.scss

 .customer_wrapper{
 .customer_wrapper{
     color: #333;
     color: #333;
     position: relative;
     position: relative;
+    background-color: #fff;
+    min-height: calc(100vh - 50px);
     .customer_content{
     .customer_content{
         border-bottom: 1px #e2e2e2 solid;
         border-bottom: 1px #e2e2e2 solid;
         padding: 10px 15px;
         padding: 10px 15px;

src/app/my/menu-item/menu-item.component.scss

 .menuContainer{
 .menuContainer{
+  background-color: #fff;
+  min-height: calc(100vh - 49px);
   .menuContent{
   .menuContent{
   display: flex;
   display: flex;
   flex-wrap: wrap;
   flex-wrap: wrap;

src/app/my/my-customer-policy/my-customer-policy.component.scss

 .customer_wrapper{
 .customer_wrapper{
     color: #333;
     color: #333;
     background: #fff;
     background: #fff;
+    min-height: calc(100vh - 50px);
     .customer_content{ 
     .customer_content{ 
         padding: 10px 15px;
         padding: 10px 15px;
         background: #f1f1f1;
         background: #f1f1f1;

src/app/my/my-customer/my-customer.component.scss

 .customer_wrapper{
 .customer_wrapper{
     color: #333;
     color: #333;
     position: relative;
     position: relative;
+    background-color: #fff;
+    min-height: calc(100vh - 50px);
     .customer_content{
     .customer_content{
         border-bottom: 1px #e2e2e2 solid;
         border-bottom: 1px #e2e2e2 solid;
         padding: 10px 12px;
         padding: 10px 12px;

src/styles.scss

@@ -169,6 +169,7 @@ input::placeholder {
     padding-left: 0;
     padding-left: 0;
     .am-list-line{
     .am-list-line{
       padding: 4px 0 9px 0;
       padding: 4px 0 9px 0;
+      background-color: #fff;
     }
     }
     .am-list-content{
     .am-list-content{
       color: #333;
       color: #333;
@@ -280,4 +281,23 @@ html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line::after{
   .am-search-input{
   .am-search-input{
     border-radius: 26px;
     border-radius: 26px;
   }
   }
+}
+footer.fixed {
+  min-width: 320px;
+  max-width: 640px;
+  position: fixed;
+  bottom: 50px;
+  left: 0;
+  right: 0;
+  height: 56px;
+  line-height: 56px;
+  border-radius: 0;
+  z-index: 0;
+  margin: 0 auto;
+  width: 100%;
+  background: #c81b1e;
+  color: #fff;
+  font-size: 18px;
+  font-weight: 700;
+  text-align: center;
 }
 }
\ No newline at end of file