iconfont图标样式库

准备:

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

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


步骤:

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

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

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

4、使用方法:


复制代码到要用的地方


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


其他:

1、删减代码


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


2、提高效率

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



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

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

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



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

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

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

在组件<style>中引入styl

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

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




猜你喜欢

转载自blog.csdn.net/kingAn123/article/details/80959128
今日推荐