zdhxiong / mdui

Material Design 3(Material You) UI components using Web Components.

Home Page:https://www.mdui.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

mdui 2.0.1版本material icon在页面中无法正常显示

fywmjj opened this issue · comments

如图所示
Screenshot_2023_1104_152053
video_file等指的是mdui的icon标签,按理来说正常情况应该是摆一个icon在那里,而不是直接显示icon的标签

最先是使用mdui官方文档所示的方式从cdn直接引入,后来以为是unpkg.com的问题,于是换到了jsdelivr,结果还是有问题,是什么原因

https://www.mdui.org/docs/2/components/icon
图标的 CSS 需要单独引入

https://www.mdui.org/docs/2/components/icon 图标的 CSS 需要单独引入

怎么个引入法
image
我用了文档中的两种引入方法
image
image
image
image

都是这种的
image
还是没有material icon

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Sharp" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Two+Tone" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Sharp" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Two+Tone" rel="stylesheet">

靠,夹在文档里的,我还以为是mdui示例代码