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 () {
//这里写代码
})