在Element-ui的官网将JS与CSS文件复制下来后,直接运行的话是不会显示Element组件的图标的,因为除了JS与CSS文件外,我们还需要下载两个图标文件woff与ttf。
Elementui的JS网址:https://unpkg.com/element-ui/lib/index.js
Elementui的CSS网址:https://unpkg.com/element-ui/lib/theme-chalk/index.css
element字体
ttf与woff的官网下载地址:
https://unpkg.com/element-ui/lib/theme-chalk/fonts/element-icons.woff
https://unpkg.com/element-ui/lib/theme-chalk/fonts/element-icons.ttf
element-ui.css文件里CSS里的代码如下:
src:url(fonts/element-icons.woff) format("woff"),url(fonts/element-icons.ttf) format("truetype");
我们可以根据CSS里的文件路径去建立文件夹“fonts”然后把“woff”与“ttf”图标文件放进去,当然!我们也可以通过自己的需求去修改CSS文件里的路径,然后把图标文件放到自己的路径下的文件夹即可