Значок html с определением класса css не найден - PullRequest
Новая
       41

Значок html с определением класса css не найден

1 голос
/ 08 марта 2020

При отладке веб-страницы значок отображается на странице, но не находит определения класса! например, в приведенном ниже коде используется класс «icon icon-md ion-md-power», который библиотека должна включать для использования этого значка. Любой учебник приветствуется, так как я новичок ie для веб-программирования! 

<ion-icon name="md-power" role="img" class="icon icon-md ion-md-power" aria-label="power"></ion-icon>

1 Ответ

1 голос
/ 08 марта 2020

ионы не используют CSS для отображения значка. ionicon имеет значки SVG и получает содержание SVG JavaScript на основе атрибутов ion-icon. Вы можете узнать о технологии Shadow DOM, которую использует ionicon для отображения значков, в статье MDN .

icon.tsx , utils.ts #getUrl () 

  loadIcon() {
    if (Build.isBrowser && this.isVisible) {
      const url = getUrl(this); // <-- get URL of SVG icon! getUrl() declare at utils.ts.
      if (url) {
        if (ioniconContent.has(url)) {
          this.svgContent = ioniconContent.get(url);
        } else {
          getSvgContent(url).then(() => this.svgContent = ioniconContent.get(url));
        }
      }
    }
...