离子2如何定制离子范围？

问题描述：

离子2，我想自定义离子范围是类似下面的 PIC，或者我应该说：有没有办法来定制离子范围：离子2如何定制离子范围？

这里我的代码

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

，这里是我的范围

你是怎么学尝试了吗？请发布一些代码或您遇到的问题 – misha130

答

我没有找到如何定制“离子范围”，这里是我建（我知道这看起来不准确）：

这里我的步骤： - 1-加上图片显示你的src \主题\ variables.scss

注意这些行的代码：有马纽约变量，你可以使用自定义您的离子范围如下因素链接ionic2 docs

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>

离子2如何定制离子范围？

相关推荐