vue-element-admin使用第三方图标库

1.打开页面。
点击这里写图片描述

2.新建项目

这里写图片描述
这里写图片描述

3这个时候回到首页就可以添加到购物车了
一般需要自己一个一个点如果你想添加所有,请在控制台输入代码

var icons = document.querySelectorAll('.icon-gouwuche1');

var auto_click = function(i) { if (i < icons.length) { setTimeout(function() { icons.item(i).click(); auto_click(i + 1); }, 600); } };

auto_click(0);

这里写图片描述

添加到项目
这里写图片描述

找到项目下载到本地
这里写图片描述

在VUE-emelent管理员里应用加入这些

[class^="el-icon-font"], [class*=" el-icon-font"]

{ font-family: "iconfont" !important;

font-size: 16px;

font-style: normal;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale; }

这里写图片描述
图标里面的东西,一定放... 这里写图片描述到静态里面。

猜你喜欢

转载自blog.csdn.net/qq_28008615/article/details/81223170