准备:
在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