Ionic 未获取刷新程序图标

laawzig2  于 2022-12-08  发布在  Ionic
关注(0)|答案(2)|浏览(140)

我是第一次使用ionic,当用户拉页面时,我尝试获得刷新图标。默认刷新图标出现,但我尝试使用不同的图标,它没有出现
先谢了

<ion-refresher refreshing-text="Loading..." refreshing-icon="ion-loading-c" on-refresh="doRefresh()">
</ion-refresher>
6uxekuva

6uxekuva1#

<ion-refresher>中使用字体图标的功能似乎已经被弃用,如here所述。相反,Ionic提供了使用IonSpinner的能力,你可以阅读关于它的更多信息here
因此,在当前版本的Ionic中,您的选择是:第一个月第二个月第一个月,第一个月第三个月,第一个月第四个月,第一个月第五个月,第一个月第六个月,第一个月第七个月,第一个月第八个月,第一个月第九个月,第一个月第十个月

rfbsl7qr

rfbsl7qr2#

在2022年,使用Ionic 6的新刷新代码为:

<ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
    <ion-refresher-content 
      pullingIcon="chevron-down-circle-outline"
      pullingText="Pull to refresh"
      refreshingSpinner="circles"
      refreshingText="Refreshing..."></ion-refresher-content>
  </ion-refresher>

但即使在2022年,图标不显示的问题仍然存在,通过将以下内容添加到全局样式表中可以解决该问题:

ion-refresher {
    z-index: 1;
}

相关问题