Layuilayui 自定义icon 图标

Posted 2022-11-02 厦门德仔

layui 自定义icon 图标

Layui 提供的图标较少，通常不能满足个性化的需求，阿里,font-awesome等提供免费的图库，那么如何扩展呢？

准备工作

1. 前提工作，自己下载好layui，注册登录好iconfont-阿里巴巴矢量图标库。

2. 在 阿里巴巴矢量图标库 选择自己的想要的icon(作者以支付宝为例)

3. 把该图标放置在购物车，然后点击最上方的购物车图标或者页面滑到底端右边出现的购物车图标，示例图如下：
   

4. 打开购物车，点击 下载代码，压缩包解压后放在你项目的任何位置，作者为了方便，自创了一个文件夹icon_exts，放在了layui/css下面 。

    （网上大多数教程要把图标添加至项目里，这个是非必须的，添加之后也是要下载代码，道理一样的,至于为什么要添加到项目里，作者会在文章最后解释）这时候你就可以删除一些不必要的文件，如图：
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/64fdc