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.

0
coderpc 17 marzec 2020, 07:51

2 odpowiedzi

Najlepsza odpowiedź

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/

1
coderpc 20 marzec 2020, 09:18

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.

0
Neha Shah 17 marzec 2020, 05:26