Как материал разрабатывает иконки стиля на основе дочерних текстовых узлов - PullRequest
Новая
       22

Как материал разрабатывает иконки стиля на основе дочерних текстовых узлов

0 голосов
/ 07 марта 2020

На основе приведенного ниже фрагмента кода ( и найденного здесь ) библиотека материалов выполняет стилизацию компонента на основе текстового содержимого mw c -icon . Посмотрев исходный код mw c -icon найденный здесь , похоже, что javascript logi c не выполняет непосредственную стилизацию. Каким-то образом это, кажется, происходит в css или в самом определении шрифта.

Как значок применяется / отображается вместо текста? 

<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet">

<mwc-icon>shopping_cart</mwc-icon>

<script type="module">
  import '@material/mwc-icon';
</script>

1 Ответ

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

Ответ на ваш вопрос заключается в том, что свойство font-family установлено в файле. Вы импортировали шрифт Material Icons и использовали его. Здесь указано имя иконки, которое вы вводите. Вместо определения символов имена значков определяются и сопоставляются с соответствующими svg или png images.refer здесь

...