css - framework - ionic4 document



이온 2 이온 범위를 사용자 정의하는 방법? (1)

ionic 2에서 이온 - 범위 를 다음 사진처럼 커스터마이징하고 싶습니다 : 아니면 이온 - 범위 를 커스터마이징하는 방법이 있습니까?

여기에 내 코드가있다.

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

여기 내 범위가있다.


나는 "이온 범위" 를 커스터마이징하는 방법을 알아 냈고, 여기에 내가 만든 것 (정확한 것은 아닌 것으로 알고 있음)이 있습니다.

여기에 내 단계가 있습니다 : - 1 그림에 표시된 코드 줄을 src \ theme \ variables.scss에 추가하십시오.

참고 : folowing link ionic2 문서 에서 이온 범위를 사용자 정의하는 데 사용할 수있는 많은 변수가 있습니다.

2- 여기는 내 구성 요소 코드입니다.

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





ionic2