个人所得税弹框

src/app/my/salary-detail/salary-detail.component.html

@@ -71,7 +71,7 @@
 </div>
 <div class="mask" *ngIf="takFlag == true;"></div>
 <div class="tax_mask" *ngIf="takFlag == true;">
-  <div class="close" (click)="takFlag == false;"> X </div>
+  <div class="close" (click)="takFlag = false;"> X </div>
   <div class="mask_title">
     <div>个人所得税预扣明细</div>
     <div><span class="iconfont icon-zhuyishixiang"></span> 个人所得税政策</div>
@@ -80,29 +80,29 @@
     <div class="tax_item">
       <div>
         <span>本期应税所得</span>
-        <span class="red"></span>
+        <span class="red">1200</span>
       </div>
       <div>
         <span>年度累计应税所得</span>
-        <span class="red"></span>
+        <span class="red">600</span>
       </div>
       <div>
         <span>预扣率</span>
-        <span class="red"></span>
+        <span class="red">50%</span>
       </div>
     </div>
     <div class="tax_item">
       <div>
         <span>累计应扣所得税（A）</span>
-        <span class="red"></span>
+        <span class="red">500</span>
       </div>
       <div>
         <span>累计已扣所得税（B）</span>
-        <span></span>
+        <span class="red">10</span>
       </div>
       <div>
         <span>本期应扣所得税（A-B）</span>
-        <span></span>
+        <span class="red">490</span>
       </div>
     </div>
   </div>

src/app/my/salary-detail/salary-detail.component.scss

@@ -105,6 +105,13 @@
         div{
             height: 30px;
             line-height: 30px;
+            display: flex;
+            justify-content: space-between;
+        }
+        .red{
+            color:#f8002e;
+            font-weight: bold;
+            font-size: 15px;
         }
     }
 }
\ No newline at end of file