개인적으로 자주 사용하는 Ionic 사용법

화면 크기가 바뀌어도 좋은 느낌으로하는 사람

코드

<!-- ~v3.9.x -->
<ion-content padding>
  <ion-row justify-content-center>
    <ion-col col-sm-12 col-md-10 col-lg-8 col-xl-6>
    ここにメインコンテンツ
    </ion-col>
  </ion-row>
</ion-content>

<!-- v4 beta -->
<ion-content padding>
  <ion-row justify-content-center>
    <ion-col size-sm="12" size-md="10" size-lg="8" size-xl="6">
    ここにメインコンテンツ
    </ion-col>
  </ion-row>
</ion-content>

이미지

테마 컬러를 늘리고 싶을 때

$colors: (
  primary:    #488aff,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,

  // こんな感じ
  my-primary: #11CBD7,
  my-secondary: #C6F1E7,
  my-danger: #FA4659
);

<button ion-button color="my-primary">My Primary Button</button>