ion-range垂直

Ion Range 是一个基于Angular的开源UI组件库，由Ionic团队开发，提供了一系列响应式的、现代化的界面元素，包括用于展示数值范围滑块的`ion-range`组件。`ion-range`主要用于让用户在一个区间内选择或调整数值，通常会有一个可拖动的滑块和两个显示当前值的数字标签。

在垂直方向上，`ion-range`默认是水平布局的，如果需要将其改为垂直布局，可以通过CSS样式或者Angular指令来定制。你可以通过设置`orientation`属性为`"vertical"`来指定垂直方向：

<ion-range [orientation]="'vertical'" min="0" max="100" [(ngModel)]="value">
  <ion-range-bar value="{{ value }}"></ion-range-bar>
</ion-range>

然后，在样式方面，可能需要额外调整一些样式属性，例如`transform-origin`来适应垂直方向，确保滑块和刻度线的方向正确。