ionic 2イオンレンジをカスタマイズするには？イオン2で

Question

は、私は次の PICのようなものであることをイオン範囲をカスタマイズしたい、または私は言う必要があります：イオン範囲をカスタマイズする方法があります：？

ここにありますここに私のコード

<ion-row> 
 
     <ion-item> 
 
     <ion-range min="500" max="1500" step="500" snaps="true" color="secondary"></ion-range> 
 
     </ion-item> 
 
    </ion-row>

とは私の範囲である

Answer 1

私は「イオン範囲」をカスタマイズする方法を発見した、とここでは（私はそれが正確ではありません見て知っている）私が構築されたものです：

ここにあります私のステップ： - 1 - これらのコード行をsrc \ theme \ variables.scssに追加してください。

注：maあなたはfolowingリンクionic2 docsここ

2 - であなたのイオン範囲をカスタマイズするために使用することができNY変数は、私のコンポーネントのコードです：

<ion-footer> 
 
    <ion-toolbar> 
 
    <ion-row> 
 
     <ion-col width-33 text-left> 
 
     Sedan 
 
     </ion-col> 
 
     <ion-col width-33 text-center> 
 
     SUV 
 
     </ion-col> 
 
     <ion-col width-33 text-right> 
 
     LUX 
 
     </ion-col> 
 
    </ion-row> 
 
    <ion-range (ionChange)="selectCar()" min="500" max="1500" step="500" snaps="true" [(ngModel)]="value"> 
 
    </ion-range> 
 

 
    </ion-toolbar> 
 
</ion-footer>