0

根据下面的代码片段（并在此处找到），材质库根据mwc-icon的文本内容设置组件样式。查看此处找到的mwc-icon的源代码后，似乎没有任何 javascript 逻辑直接进行样式设置。不知何故，这似乎发生在 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>
4

1 回答 1

1

您的问题的答案是文件中设置的 font-family 属性。您已导入 Material Icons 字体并使用它。您输入的图标名称是在其中定义的。代替字符定义，图标名称被定义并映射到相应的 svg 或 png 图像。请参阅此处

于 2020-03-07T04:54:06.620 回答