公共资源和公共样式处理
我们将基础模块搭建完成之后,接下来可以将该项目用到的图片资源和公共样式进行统一处理
步骤
- 在src目录下创建assets文件夹,这个文件夹是用来存放公共资源,创建common文件夹,把我们用到的公共图片资源放进去
- 在src目录下创建styles文件夹,用于存放样式文件。
variable.scss是存放公共样式变量的文件,公共的样式变量用于更改全局主题颜色,字体颜色,格式,以及某些公共样式在后期改变的地方。 这里用的是element-ui,拿的是花裤衩的源码进行修改的,以他的样式为例。
common.scss是一些公共的样式文件,所有单独的样式文件最后统一导入index.scss文件里,最后统一导出,在main.js中导入。
- 导入svg图标,放入icons文件夹里