使用组件的自定义颜色：ion-range-Java 学习之路

我想为组件使用自定义颜色：ion-range。

https://ionicframework.com/docs/api/components/range/Range/

我尝试将颜色#ff0000设置如下，但不起作用。

<ion-list>
    <ion-item>
        <ion-range color="#ff0000" min="0" max="120" step="0.1" pin="true" [(ngModel)]="myValue">
            <ion-icon range-left small name="contrast"></ion-icon>
            <ion-icon range-right name="contrast"></ion-icon>
        </ion-range>
    </ion-item>
</ion-list>

有关如何实现这一点的任何想法？

谢谢。

1 回答

0
你可以在 src/theme/variables.scss 中添加自定义颜色
例
```
$colors: (
  primary:    #488aff,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
  custGreen :     #16e06d
);
```
然后你可以使用：
ion-range color =“custGreen”
回复于 2024-04-19T12:40:34+08:00

使用组件的自定义颜色：ion-range

1 回答

相关问题