CMDB建设补充:在html中自定义字体图标icon

CMDB建设补充:在html中自定义字体图标icon

layui自带的图标太少了,做cmdb为了显示各种各样的服务器,资产信息,根本不够用。就通过自定义图标字体文件来丰富。

1.把自己的需要的图标加入购物车

在这里插入图片描述

2.通过购物车添加到项目

没有项目就可以添加一个项目,有项目就是增量添加,
在这里插入图片描述

3.修改项目信息

点击图标管理-我的项目-选择我发起的项目-更多操作-编辑项目
在这里插入图片描述
编辑项目
修改成红框处的样子。就可以了。
在这里插入图片描述

4.定义一个模块化,然后通过layui.use加载

这样做的好处就是每次只需要更新这个文件里面的url地址就能修改所有页面

cmdb.js

layui.define(function (exports) {
    let obj = {
        icon: "//at.alicdn.com/t/font_1185457_8g9b9k3n1mj.css"
    };
    layui.use('jquery', function () {
        // 加载阿里云的iconfont字体
        layui.link(obj.icon)
    }),
        exports('cmdb', obj)
})

xxx.html

layui.config({base: "/static/modules/"}).use(['cmdb'], function () {
	//这里写代码
})

看下效果吧

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值