1

src/app/admin/index/index.module.ts

@@ -13,6 +13,7 @@ import {BreadcrumbModule} from '../../common/breadcrumb/breadcrumb.module';
 import {RegionSelectorModule} from '../../common/region-selector/region-selector.module';
 import {AppCommonModule} from '../../app-common.module';
 import { TestComponent } from './test/test.component';
+import {NzSpaceModule} from "_ng-zorro-antd@9.3.0@ng-zorro-antd/space";
 
 
 @NgModule({
@@ -29,7 +30,8 @@ import { TestComponent } from './test/test.component';
         RegionSelectorModule,
         NgxEchartsModule,
         IndexRoutingModule,
-        AppCommonModule
+        AppCommonModule,
+        NzSpaceModule
     ]
 })
 export class IndexModule { }

src/app/admin/index/index/index.component.html

@@ -133,32 +133,32 @@
 <!--运营角色-->
 <div class="inner-content"  *ngIf="roleType == 1">
     <div nz-row  style="margin-top: 20px;" [nzGutter]="16">
-        <div nz-col nzSpan="8" *ngFor="let item of tyBalance">
+        <div nz-col  nzSpan="8" *ngFor="let item of tyBalance" class="row-bottom">
             <nz-card nzHoverable [nzLoading]="loading" [nzTitle]="item['energyType'] | energyType">
                 <h3>{{item['accountBalance']}}</h3>
             </nz-card>
         </div>
-        <div nz-col nzSpan="8" style="margin-top: 20px">
+        <div nz-col nzSpan="8" class="row-bottom">
             <nz-card nzHoverable [nzLoading]="loading" [nzTitle]="'注册总人数'">
                 <h3>{{countData['registrantNum']}}</h3>
             </nz-card>
         </div>
-        <div nz-col nzSpan="8" style="margin-top: 20px">
+        <div nz-col nzSpan="8" class="row-bottom">
             <nz-card nzHoverable [nzLoading]="loading" [nzTitle]="'总交易金额'">
                 <h3>{{countData['transactionNum']}}</h3>
             </nz-card>
         </div>
-        <div nz-col nzSpan="8" style="margin-top: 20px">
+        <div nz-col nzSpan="8" class="row-bottom">
             <nz-card nzHoverable [nzLoading]="loading" [nzTitle]="'总交易订单数量'">
                 <h3>{{countData['transactionOrder']}}</h3>
             </nz-card>
         </div>
-        <div nz-col nzSpan="8" style="margin-top: 20px">
+        <div nz-col nzSpan="8" class="row-bottom">
             <nz-card nzHoverable [nzLoading]="loading" [nzTitle]="'当天交易金额'">
                 <h3>{{countData['transactionToday']}}</h3>
             </nz-card>
         </div>
-        <div nz-col nzSpan="8" style="margin-top: 20px">
+        <div nz-col nzSpan="8" class="row-bottom">
             <nz-card nzHoverable [nzLoading]="loading" [nzTitle]="'当天交易订单'">
                 <h3>{{countData['transactionOrderToday']}}</h3>
             </nz-card>

src/app/admin/index/index/index.component.less

@@ -2,3 +2,6 @@
 .enterprise-top{
   margin-top: 30px;
 }
+.row-bottom {
+  margin-bottom: 16px;
+}