可能需要用到的

阿里矢量图标地址:https://www.iconfont.cn/
layui官方文档:https://layui.gitee.io/v2/docs/
pearadmin gitee地址:https://gitee.com/pear-admin/Pear-Admin-Layui
pearadmin文档:http://www.pearadmin.com/doc/

注册阿里矢量图标账号

因为后续也需要使用到别的icon 建议添加到购物车进行批量下载
下载的时候新增项目或者加入到之前的项目中,主要是为了方便后续图标的使用集成

导入并下载项目

在项目里边设置前缀(FontClass/Symbol 前缀)和Font Family

使用icon

下载并解压入项目,并引入项目路径

就可以在你的项目中进行使用了

<button> class="pear-btn pear-btn-primary pear-btn-sm" lay-event="examine"><i class="ske-icon ske-icon-shenhe"></i></button>

下边是示例效果

不知道为啥会这么小,有懂css的大佬可以教我调大一点

layui引用阿里矢量图标相关推荐

layui内置图标不满足需求，自定义添加阿里矢量图标
layui添加阿里矢量图标适用于layui内置图标不够用的情况 1.第一步进入阿里矢量图标官网,选择自己的图标,加入购物车,点击下载代码 2.第二部,解压下载的文件,复制所有内容,到项目中这里再 ...
如何引用阿里巴巴矢量图标库的图标
网页链接:https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=14726 ...
阿里矢量图标(字体图标)使用
一.阿里矢量图标(字体图标) 网址:https://www.iconfont.cn/ #### 1.使用步骤 1.登录阿里矢量图标网站 2.搜索想要的图标且加到购物车 3.点击右上角的购物车 4.选择 ...
CSS阿里矢量图标(字体图标)
网址: https://www.iconfont.cn 1.使用步骤 1.登录阿里矢量图标网站 2.搜索想要的图标且加到购物车 3.点击右上角的购物车 4.选择下载代码,下载完成后解压文件 5.把下载 ...
# 一、阿里矢量图标(字体图标)网址：https://www.iconfont.cn/#### 1.使用步骤1.登录阿里矢量图标网站 2.搜索想要的图标且加到购物车 3.点击右
一.阿里矢量图标(字体图标) 网址:iconfont-阿里巴巴矢量图标库 1.使用步骤 1.登录阿里矢量图标网站 2.搜索想要的图标且加到购物车 3.点击右上角的购物车 4.选择下载代码,下载完成后解 ...
、阿里矢量图标(字体图标)
# 一.阿里矢量图标(字体图标) 网址:https://www.iconfont.cn/ #### 1.使用步骤 1.登录阿里矢量图标网站 2.搜索想要的图标且加到购物车 3.点击右上角的购物车 4. ...
web 阿里矢量图标
一.阿里矢量图标(字体图标) 网址:iconfont-阿里巴巴矢量图标库 1.使用步骤 1.登录阿里矢量图标网站 2.搜索想要的图标且加到购物车 3.点击右上角的购物车 4.选择下载代码,下载完成后解 ...
阿里矢量图标iconfont在微信小程序的使用
阿里矢量图标iconfont在微信小程序的使用第一步:进入官网: https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2 ...
uniapp 引入阿里矢量图标库的详细步骤及踩坑经历
uniapp 引入阿里矢量图标库的详细步骤及踩坑经历首先在阿里矢量图标库选择自己喜欢的图标加购物车如下图点击右上角的购物车添加到项目这里有坑首先你不选中在线链接你是看不到 @font-f ...

layui引用阿里矢量图标

layui-pear-admin添加阿里矢量图标

可能需要用到的

注册阿里矢量图标账号

导入并下载项目

使用icon

layui引用阿里矢量图标相关推荐

最新文章

热门文章