Ionic 5：按下时更改旋钮大小

Question

我想知道有没有办法在按下时更改“离子范围”的旋钮大小。我一直在查看文档，但“离子范围”部分中似乎没有任何信息。我想在 SCSS 上编辑此信息：

正常行为

被压迫的行为

Answer 1

找到这些方法的最佳方法通常是检查代码（例如使用 Chrome DevTools）并查看 Ionic 是否在按下 ion-range 时添加了一个类。

在这种情况下，情况正是如此。当按下ion-range 时，Ionic 添加了range-pressed 类，因此您可以使用该类来更新旋钮的大小，如下所示：

ion-range {
  &.range-pressed {
    --knob-size: 44px; // Use any size you want here!
  }
}

请查看this Stackblitz demo：