找回密码
 注册账号

QQ登录

只需一步,快速开始

《泰拉瑞亚下载-1.4.2.3版》 泰拉瑞亚服务器 - MOD模组下载

入驻泰拉战网 新手指引 - 升级 - 师徒

泰拉瑞亚合成表 泰拉卡牌 - 泰拉江湖 - 泰拉刺客

联系泰拉开发组👈进入 积分市场 - 房产交易 - 水晶获取

查看: 2698|回复: 0

[JS] layui 阿里巴巴图标库使用

[复制链接]

262

主题

124

回帖

9

广播

业务站长

积分
166
泰拉
180
水晶
2
铜钥匙
0
银钥匙
0
金钥匙
0

【江湖新秀】【我是小土豪】【宝剑回鞘】【泰拉达人】【奥运选手】

发表于 2020-1-17 15:15:55 | 显示全部楼层 |阅读模式
1. 登录官方的图标库如阿里的矢量图标库http://iconfont.cn
   通过添加到购物车,然后添加到项目,可以看到自己项目中用到的图标:
图片1.png
2. 点击下载至本地:
  下载下的内容截图如下:
图片2.png
将文件拷贝到你所要写的项目中,如你想在你的页面中引入新下载下来的图标,你可以这样操作:
图片3.png
图标引入方式:
2.1.  通过Unicode 方式引入
<i class="iconfont" style="font-size: 18px; color: #F8F8FF;">?</i>
   1.1 里面引用的图标
图片4.png
快捷的方法拷贝,操作如图所示:
图片5.png
  然后在使用代码的地方点击粘帖,就拷贝到图标的值类似:?
2.2 通过FontClass 引用:
   图片6.png
   如我上面红色标注的图标的引用,在html 书写如下:
<i class="iconfont icon-data" style="font-size: 18px; color: #F8F8FF; padding-right:5px;">

获得 土地神卡 一张

卡片说明:曲奇饼 遇到 [不厉害的大厉害] 被赠与 1 银钥匙.

卡片效果:获得 1 银钥匙

慵懒~慵懒~
您需要登录后才可以回帖 登录 | 注册账号

本版积分规则

QQ|友链申请|Archiver|手机版|小黑屋|游芯沙盒 ( 陕ICP备11006283号-1 )

GMT+8, 2024-11-13 15:46 , Processed in 0.111680 second(s), 38 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表