我是第一次使用ionic,当用户拉页面时,我尝试获得刷新图标。默认刷新图标出现,但我尝试使用不同的图标,它没有出现先谢了
<ion-refresher refreshing-text="Loading..." refreshing-icon="ion-loading-c" on-refresh="doRefresh()"> </ion-refresher>
6uxekuva1#
在<ion-refresher>中使用字体图标的功能似乎已经被弃用,如here所述。相反,Ionic提供了使用IonSpinner的能力,你可以阅读关于它的更多信息here。因此,在当前版本的Ionic中,您的选择是:第一个月第二个月第一个月,第一个月第三个月,第一个月第四个月,第一个月第五个月,第一个月第六个月,第一个月第七个月,第一个月第八个月,第一个月第九个月,第一个月第十个月
<ion-refresher>
IonSpinner
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; }
2条答案
按热度按时间6uxekuva1#
在
<ion-refresher>
中使用字体图标的功能似乎已经被弃用,如here所述。相反,Ionic提供了使用IonSpinner
的能力,你可以阅读关于它的更多信息here。因此,在当前版本的Ionic中,您的选择是:第一个月第二个月第一个月,第一个月第三个月,第一个月第四个月,第一个月第五个月,第一个月第六个月,第一个月第七个月,第一个月第八个月,第一个月第九个月,第一个月第十个月
rfbsl7qr2#
在2022年,使用Ionic 6的新刷新代码为:
但即使在2022年,图标不显示的问题仍然存在,通过将以下内容添加到全局样式表中可以解决该问题: