准备:

在iconfont网站找到图标加入项目

下载后把除了html 、js 格式的文件拉到styles文件中


步骤:

1、新建一个iconfont文件夹,存字体样式

2、在iconfont.css中修改引用字体样式的路径

3、iconfont.css在main.js中引用

4、使用方法:

iconfont图标样式库

复制代码到要用的地方

iconfont图标样式库

添加class="iconfont"   使用图标代码


其他:

1、删减代码

iconfont图标样式库

iconfont.css除了这些,其他可以删除


2、提高效率

用符号代表常用路径,如:@  代表src文件夹

iconfont图标样式库

iconfont图标样式库

因为style文件夹常用,可以设置自定义,

如   'styles': resolve('src/assets/styles')   

 就可以直接使用styles作为这个路径了

iconfont图标样式库


3、主题样式可以存放为一个变量(样式变量化)

一键修改主题样式,如颜色

在styles文件夹中创建varibles.styl文件与css同级

在组件<style>中引入styl

1、css中引入其他css  用自定义路径时需要  ~

2、样式中引入样式 用@import

iconfont图标样式库



相关文章: