Próbuję wdrożyć ion-searchbar w mojej aplikacji IIONIC 4 .
<ion-toolbar mode="ios">
<ion-grid>
<ion-row>
<ion-searchbar></ion-searchbar>
</ion-row>
</ion-grid>
</ion-toolbar>
Ale rzuca poniżej błędu w konsoli przeglądarki. Nie byłem w stanie wyświetlić jasną ikonę tekstu na pasku wyszukiwania.
Cannot find "/dist/ionicons/svg/ios-close-circle.svg" in ionicons@5.0.0
Uwaga: mam te dwa pliki skryptów w index.html
<script type="module" src="https://unpkg.com/ionicons@5.0.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule="" src="https://unpkg.com/ionicons@5.0.0/dist/ionicons/ionicons.esm.js"></script>
Czy ktoś mógłby pomóc.
2 odpowiedzi
Dzięki Ionic 4 możesz uzyskać dostęp do jonikonów bez uwzględnienia referencji skryptów. Należy również zauważyć, że z wydaniem Jonic 5, Ionicons stylizacji otrzymał Uaktualnij i poprzednie odniesienia do md lub ios stylizacji zostały usunięte na korzyść trzech różnych wyborów stylów dla każdej ikony (outline, filled i sharp i sharp) .
Z komponentem ion-searchbar {X1}}} automatycznie domyślnie domyślnie do {{ X2}} Icon, ale możesz zmienić to, ustawiając atrybut clear-icon:
<ion-searchbar clear-icon="close-sharp"></ion-searchbar>
W celach informacyjnych, jeśli chcesz dołączyć ikonę oddzielnie od ion-searchbar, możesz to zrobić tak:
<ion-icon name="close-circle-outline"></ion-icon>
Gdzie część nazwy outline można wymienić za pomocą filled lub sharp w zależności od preferencji stylu. Oto lista wszystkich zaktualizowanych ikon i ich nazw: https://ionicons.com/
Od IICIC2 nie są wymagane żadne łącza zewnętrzne dla wbudowanej funkcji jonowej, dzięki czemu można usunąć te linki z index.html.
Lub można pobrać IONIC 4 JONIC-CONFONION-CONFONION-APP [Szablon DEMO], aby uzyskać więcej informacji.
Podobne pytania
Nowe pytania
ionic-framework
Ionic to front-end framework do tworzenia natywnych hybrydowych aplikacji mobilnych z HTML i Sassem. Tradycyjnie działa na Cordovie i Angular, ale od Ionic 4 obsługuje Angular, React, Vue.js i Web Components działające na Cordova lub Capacitor.