src/app/analysis/population/population.component.ts
| selector | app-population |
| styleUrls | ./population.component.scss |
| templateUrl | ./population.component.html |
Methods |
constructor()
|
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-population',
templateUrl: './population.component.html',
styleUrls: ['./population.component.scss']
})
export class PopulationComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
<div fxLayout="row wrap">
<div fxFlex.gt-sm="70">
<mat-card>
<mat-card-title>用户属性</mat-card-title>
<mat-card-content>
</mat-card-content>
</mat-card>
</div>
<div fxFlex.gt-sm="30">
<mat-card>
<mat-card-title>地域分布</mat-card-title>
<mat-card-content>
</mat-card-content>
</mat-card>
</div>
</div>
./population.component.scss
:host {
display: block;
margin: 5px;
}
mat-card {
margin: 5px;
padding: 0;
min-height: 400px;
}
mat-card-title {
padding: 16px 24px;
}
mat-card-content {
padding: 0 24px 24px 24px;
}