首页面板隐藏数据

src/app/my/my-center-home/my-center-home.component.html

@@ -30,6 +30,8 @@
     <div class="performance_wrapper">
       <!-- <img class="bg" src="assets/images/sales__bg.png" > -->
       <div class="content">
+        <span class="iconfont icon-xianshi" [ngClass]="{'icon-yincang':isShowDashBoardData}"
+        style="color: #fff;position: absolute;right: 82px;top: 8px;" (click)="isShowDashBoardData = !isShowDashBoardData"></span>
         <span class="detail" (click)="jumpToDetail()"><img style="max-width: 18%;margin-right: 2px;"
             src="assets/images/icon_2.png">龙虎榜<i class="iconfont icon-ar-r" style="font-size:12px;"></i></span>
         <ul class="tab">
@@ -50,7 +52,7 @@
             <li>件数</li>
             <li>完成率</li>
           </ul>
-          <ul class="performance_list">
+          <ul class="performance_list" *ngIf="!isShowDashBoardData">
             <li>线上</li>
             <li class="markPrice" style="margin:0 7px;">
               ￥{{onlineInfo?.fyp | number: "1.0-0"}}
@@ -63,7 +65,14 @@
               {{onlineInfo?.completionRate?onlineInfo.completionRate + '%':'-'}}
             </li>
           </ul>
-          <ul class="performance_list">
+          <ul class="performance_list" *ngIf="isShowDashBoardData">
+            <li>线上</li>
+            <li class="markPrice" style="margin:0 7px;">***</li>
+            <li class="markPrice">***</li>
+            <li class="markPrice">***</li>
+            <li class="markPrice" style="position: relative;top: 12px;">***</li>
+          </ul>
+          <ul class="performance_list" *ngIf="!isShowDashBoardData">
             <li>线下</li>
             <li class="markPrice" style="margin:0 7px;">
               ￥{{offlineInfo?.fyp | number: "1.0-0"}}
@@ -76,6 +85,13 @@
               &nbsp;
             </li>
           </ul>
+          <ul class="performance_list" *ngIf="isShowDashBoardData">
+            <li>线下</li>
+            <li class="markPrice" style="margin:0 7px;">***</li>
+            <li class="markPrice">***</li>
+            <li class="markPrice">***</li>
+            <li class="markPrice">&nbsp;</li>
+          </ul>
         </div>
       </div>
     </div>

src/app/my/my-center-home/my-center-home.component.ts

@@ -39,6 +39,8 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
   showFlag:boolean = false;
   isShowSalay:boolean;
   showSubMenu:boolean;
+  //初始化不显示面板数据
+  isShowDashBoardData:boolean = true;
   constructor(
     private router: Router,
     public lifeCommonService: LifeCommonService,
@@ -75,9 +77,9 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
   }
 
   ngAfterViewInit() {
-    setTimeout(() => {
-      this.firstAnnouncementTitle = this.getStr(this.hide.nativeElement.innerText, '32')
-    }, 400);
+    // setTimeout(() => {
+    //   this.firstAnnouncementTitle = this.getStr(this.hide.nativeElement.innerText, '32')
+    // }, 400);
   }
 
    //截取字符串