名片优化

src/app/my/business-card/business-card.component.html

@@ -34,11 +34,11 @@
         </div>
       </div>
       <div class="brokerCompanyInfo">
-        <div style="font-size: 18px">{{practitionerInfo?.insurerName}}</div>
+        <div style="font-size: 15px">{{practitionerInfo?.insurerName}}</div>
         <div style="font-size: 13px;">{{practitionerInfo?.insurerUrl}}</div>
         <div>全球保险集团BHL成员</div>
         <div>T: {{practitionerInfo?.mobileNo}}</div>
-        <div>E: {{practitionerInfo?.email}}</div>
+        <div *ngIf="practitionerInfo?.email">E: {{practitionerInfo?.email}}</div>
         <div>{{practitionerInfo?.insurerAddress}}</div>
       </div>
     </div>

src/app/my/business-card/business-card.component.scss

@@ -15,7 +15,7 @@
   .brokerCardPositive {
     display: flex;
     padding-top: 7%;
-    padding-left: 5%;
+    padding-left: 2%;
     margin-bottom: 10%;
     .qrcodeBox {
       width: 15%;
@@ -25,7 +25,7 @@
     }
     .dividingContainer {
       padding-top: 45px;
-      margin-right: 11px;
+      margin-right: 7px;
       margin-left: 5%;
       .dividingBox {
         width: 10px;
@@ -44,7 +44,7 @@
       .brokerBasicInfo {
         display: flex;
         justify-content: space-between;
-        padding-right: 8%;
+        padding-right: 2%;
         margin-bottom: 5%;
         flex-direction: column;
         align-items: flex-start;
@@ -60,6 +60,7 @@
         }
         .brokerTitle {
           font-size: 12px;
+          text-align: right;
         }
         .certifyLists{
           margin-top: 10px;
@@ -68,7 +69,8 @@
           width: 100%;
           display: flex;
           justify-content: space-between;
-          align-items: baseline
+          align-items: baseline;
+          white-space: nowrap;
         }
       }
       .brokerCompanyInfo {

src/app/my/business-card/business-card.component.ts

@@ -47,6 +47,7 @@ export class BusinessCardComponent implements OnInit {
     this.myService.businessCard({practitionerId:this.lifeCustomerInfo.practitionerId}).subscribe(res=>{
       if(res['success']){
         this.practitionerInfo = res['data'];
+        this.practitionerInfo.certificateList = this.practitionerInfo.certificateList.splice(0,3)
       }
     })
   }

src/app/my/integration/integration.component.html

 <div class="integrationContainer">
   <header>
-    <div class="left">
-      <div><strong>{{practitionerIntegrals?.integralCountNumber ? practitionerIntegrals?.integralCountNumber : 0}}</strong><i class="iconfont icon-zhuyishixiang" [routerLink]="'/integration_rule'"></i></div>
-      <div style="font-size: 12px;">{{practitionerIntegrals?.integralNumberOld ? practitionerIntegrals?.integralNumberOld : 0}} 积分有效期至 {{practitionerIntegrals?.effectiveOld}}</div>
+    <div class="top">
+      <span [routerLink]="'/integration_rule'">积分规则</span>
     </div>
-    <div class="right">
-      <div [routerLink]="'/integration_detail'">积分明细</div>
+    <div class="bottom">
+      <div><strong>{{practitionerIntegrals?.integralCountNumber ? practitionerIntegrals?.integralCountNumber : 0}}</strong><span class="detail" [routerLink]="'/integration_detail'">积分明细</span></div>
+      <div style="font-size: 14px;">{{practitionerIntegrals?.integralNumberOld ? practitionerIntegrals?.integralNumberOld : 0}} 积分有效期至 {{practitionerIntegrals?.effectiveOld}}</div>
     </div>
+    
   </header>
   <section>
     <img src="assets/images/integrationBannerNew.png" alt="" class="img-responsive">

src/app/my/integration/integration.component.scss

@@ -5,22 +5,30 @@ header{
     background: url('../../../assets/images/bg.png') no-repeat;
     background-size: cover;
     color: #fff;
-    padding: 8px 8px 8px 20px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+    padding: 15px 8px 34px 20px;
     strong{
-        font-size: 20px;
+        font-size: 50px;
         margin-right: 10px;
     }
-    .right{
-        div{
+    .bottom{
+        margin-top: -15px;
+        .detail{
             border-radius: 20px;
-            padding: 6px 16px;
+            padding: 3px 10px;
             background: #fff;
             color: #666;
         }
     }
+    .top{
+        text-align: right;
+        span{
+            border-radius: 20px;
+            padding: 3px 10px;
+            background: transparent;
+            color: #fff;
+            border: 1px solid #fff;
+        }
+    }
 }
 
 section{