Question

我在代码中使用了一个离子范围，在开头和结尾分别带有两个图标。但是这两个图标没有显示-仅显示范围。我已经查看了他们的官方文档（https://ionicframework.com/docs/api/range），这是我的代码（基本上是我复制了他们的代码）：

<ion-item>
  <ion-range min="0" max="5" steps="1" pin="true" snaps="true" formControlName="rating"></ion-range>
  <ion-icon slot="start" size="small" name="sad"></ion-icon>
  <ion-icon slot="end" name="happy" ></ion-icon>
</ion-item>

离子文件有时很烂，我真的需要有人帮助我。

Answer 1

您需要在ion-range标签内添加图标，为左侧图标将range-left属性添加到ion-icon标签，为右侧图标将range-right属性添加为下面。

  <ion-item>
    <ion-range min="0" max="5" steps="1" pin="true" snaps="true" formControlName="rating">
      <ion-icon range-left size="small" name="sad"></ion-icon>
      <ion-icon range-right name="happy" ></ion-icon>
    </ion-range>
  </ion-item>

StackBlitz

离子v3：使用离子范围时，离子图标不会显示

1 个答案: