找不到具有css类定义的html图标

Question

调试网页时，页面上会显示一个图标，但找不到类定义！例如，下面的代码使用一个类"icon-icon-md-ion-md-power"，libray应该包含该类才能使用此图标。欢迎任何教程，因为我是一个网络编程新手！

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

Answer 1

ioncons不使用CSS来显示图标。ionicon具有svg图标，并基于ion-icon的属性通过JavaScript获取svg内容。您可以了解ionicon用于在MDN文章中显示图标的Shadow DOM技术。

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));
}
}
}