angular-material-app documentation
  1. Components
  2. PopulationComponent

File

src/app/analysis/population/population.component.ts

Implements

OnInit

Metadata

selector app-population
styleUrls ./population.component.scss
templateUrl ./population.component.html

Index

Methods

Constructor

constructor()
Defined in src/app/analysis/population/population.component.ts:8

Methods

ngOnInit
ngOnInit()
Defined in src/app/analysis/population/population.component.ts:12
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() {
  }

}
Copy
<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>
Copy

./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;
}
Copy
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""