今天摸索着开始利用NPM方法创建自己的第一个Vue项目，一切还算顺利，今天把自己创建的过程给记录下来，分享给各位小伙伴，嘻嘻！！！1、搭建Vue.js的环境大家可以参考这两篇博文：hi_shepherd 和 前端伊始tips:这里简单记录一下创建好的工程中各个文件夹和文件的含义：所有需要require的文件，没有./这个的话，都去node_modules文件夹里找
@表示自定义的根目录
文章目录简介修改图表皮肤主题theme自定义背景颜色全局主题配置源码common.tsG2Plot 继承 G2 自定义主题机制讨论参考资料 简介接前一篇文章，本文使用antv g2plot对vue中的图表皮肤主题theme进行配置。修改图表皮肤主题theme以折线图为例，原始代码为//src/views/Line.vue
<template>
<div id="line
下载后有用的文件 iconfont.eoticonfont.svgiconfont.ttficonfont.wofficonfont.css
转载
2019-05-27 15:05:00
60阅读
2评论
目录1. 前情提要2. 实现 .html 文件中的 ElementPlus 国际化原理3. 实现 .html 文件中的 ElementPlus 国际化过程3.1 引入必要的 CDN 文件 vue3.js / elementplus.js / elementplus.css3.2 Provider 组件 定义过程3.3 定义 Vue 实例，并在里面配置 Provider 组件3.4 使用
目录一、准备工作1.iconfont选择所需的图标加购（点击购物车）2.显示在这里购物车，点击购物车3.可看到已加购的图标4.点击购物车的图标添加到项目中5.选择需要加入的项目6.按需修改图标名称修改后7.下载压缩包8.将打钩的文件保存至一个文件夹中，注意，这里如果缺少文件，需要从“项目中”的项目设置修改设置二、加入项目中1.将iconfont放入css文件夹中，将其余文件放入一个文件夹中，注意，
转载
2024-01-17 21:09:18
736阅读
1. 从FONT-FACE说起 要想了解iconfont，得从一个新的css3规则说起。css3中，新增了一种样式规则，@font-face，这个规则可以用来引入自定义的字体，到客户端。以前，我们的字体只能听任客户端的。因为用户没有安装的话，我们强制要求显示也没有办法。 现在使用@font-face
原创
2022-04-06 11:41:47
321阅读
一、什么是iconfont?我们现在通常所指的iconfont，是用字体文件取代图片文件，来展示图标、特殊字体等元素的方法。iconfont是阿里巴巴矢量图标库是由阿里巴巴体验团队倾力打造的中国第一个最大且功能最全的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能，是设计师和前端开发的便捷工具。二、iconfont对于前端应用来说有很多便捷：1、自由变化大小，而且还具有更好的可维护性（因为是
@font-face {font-family: 'iconfont'; src: url('iconfont.eot'); /* IE9*/
转载
2021-07-16 16:03:10
10000+阅读
有时候内置的图标无法完全满足需求，我们可以引用阿里矢量图标iconfont
原创
2022-11-05 07:04:46
244阅读
文章目录1、Vue-Awesome的使用介绍2、导入Element 图标和Vue-Awesome图标在VUE+Element 前端应用中，图标是必不可少点缀界面的元素，因此整合一些常用的图标是非常必要的，还好Element界面组件里面提供了很多常见的图标，不过数量不是很多，应该是300个左右吧，因此考虑扩展更多图标，我引入了vue-awesome组件，它利用了Font Awesome的内置图标，实
一次性搞定 Iconfont一次性搞定 IconFont
使用软件生成使用网站生成使用脚本生成.ttf、.eot、.woff 等字体文件优点不足WebFontImagesCSS SpritesIconFont什么是 IconFontIconFont 的背景IconFont 原理IconFont 的优缺点快速使用现有的 IconFont创建自己的 IconFontReference什么是 Ic
原创
2021-04-17 22:32:46
561阅读
在写页面的时候，不可避免需要用到好多小图标，可以让UI切图，但是这些切好的小图片在小屏手机上显示比较清晰，可能放到大屏上会有清晰度稍微下降的问题，这个问题可以用阿里巴巴矢量图标--iconfont来完美解决因为iconfont的图标是矢量的，不会出现变形和清晰度下降问题，而且后期操作性灵活，可以改图标的大小，颜色就像操作字体的属性一样方便，下面就开始介绍iconfont如何使用一、根据上面的网址进
转载
2024-08-14 21:55:53
404阅读
本文主要介绍如何使用阿里的Iconfont平台创建自己的字体图标库，并引入到基于Element的工程中使用。
原创
2023-08-25 13:38:57
323阅读
如果是在标签内加icon  如果是使用class <i class='iconfont icon-wrong'></i> 如果是放在伪元素中使用： 需要将类名iconfont中的样式拿过来： .el-form-item__error::before { content: '\e70d
原创
2021-07-13 16:22:26
722阅读
layui的图标取自于阿里巴巴的矢量图标库 Iconfont，同样的，这篇教程也是基于Iconfont进行扩展。 第一步，通过浏览器打开 http://iconfont.cn/ ，访问阿里巴巴矢量图标库。 第二步，通过右上角的用户图标，授权登陆一个账号，在此我选择使用Github作为登陆账号。 第三
原创
2021-07-15 10:05:33
895阅读
什么是 IconFont IconFont 的背景
原创
2022-03-30 13:35:33
416阅读
我们使用element-ui、vue开发网站的时候，往往图标是起着很重要的作用。下面是vue、element-ui项目，如何使用阿里iconfont图标库的方法。点击紫色按钮创建项目image.png图中画红线的地方很重要1）、FontClass/Symbol前缀这个很重要，一定不要写成：el-ic
原创
2020-06-24 17:39:54
307阅读
