博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Semantic-UI某些图标不能显示+资源引入两种方式
阅读量:1907 次
发布时间:2019-04-26

本文共 435 字,大约阅读时间需要 1 分钟。

最近搞一下前端,使用框架为semantic ui,于是乎去下载了zip解压引入css/js资源,结构如下:

在这里插入图片描述

一、本地引入资源

本地引入方式要使用图标需要两个css,引入之后发现有些图标无法正常使用(猜测可能是icon版本原因),某些图标未正常显示资源引入如下:

Js引入:

在这里插入图片描述

因此修改icon引入新版本后正常,资源引入如下:

版本修改可以参见,也可以直接去我后面给出的cdn地址中自己查看:

在这里插入图片描述

在这里插入图片描述

将icon版本修改为最新版,可以看到这里已经正常显示我所需要的图标了。
本地方式也可参见地址:
如果你不想动手点一点,那么可以看一看内部结构:
在这里插入图片描述

二、CDN方式引入

采用cdn方式引入,只需要引入一个css即可,找到如下图官网给的cdn css样式有时候生效有时候不生效(不知道是不是网络原因)

在这里插入图片描述

于是乎找一下sematic ui的cdn资源引入解决:

只需要支持那些图标的版本的一个即可使用那些新版本图标了,自己又不知道哪个版本出的,所以干脆直接引入最新的:

转载地址:http://juncf.baihongyu.com/

你可能感兴趣的文章
oracle删除表,让整个表从数据库中彻底消失
查看>>
oracle往表插入特殊字符&
查看>>
oracle中的merge命令
查看>>
docker安装mysql
查看>>
jfinal排查过滤拦截相关请求
查看>>
java文件管道拷贝工具类
查看>>
mysql连接信息jdbcUrl的常用写法
查看>>
HTML页面meta标签内容详解
查看>>
oracle之decode
查看>>
oracle列转换成行
查看>>
nginx设置开启启动
查看>>
linux中设置tomcat自启动
查看>>
mysql错误:Row size too large (> 8126).
查看>>
umount时目标忙解决办法
查看>>
java 判断一个url是否可以访问的方法
查看>>
The container name "/mysql" is already in use by container
查看>>
Table 'mysql.user' doesn't exist
查看>>
mysql通过frm文件查找表结构定义
查看>>
如何在删除ibdata1和ib_logfile的情况下恢复MySQL数据库
查看>>
oracle随机数的产生
查看>>