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




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值