第一课
1 创建项目
2 引入hotcss 第三方插件，用于项目比例缩放。
2.1 在man.js中 引入hotcss.js 也不需要使用。
3 引入样式重置文件 common.CSS ，放入assets 中。
3.1 common.css 在 app.vue 的script 中引用了 之后并不需要专门来使用，系统会自动调用，并生效。
课程2
1 sass 文件的引入。
1.1 通过 github 搜索 sass-loader start最高的一个，下面有例子。
2 vue-cli3.0 查看css.loaderOpention 有关css 预处理选项的方法。
2.1 进入 边这个图片。
3 在项目跟目录下 创建vue.config.js 这是vue全局配置文件，从cli3.0以后。vue.config.js 变成了独立的项目文件，这个可以加载使用 sass。
3.1 把下面的内容粘贴到 vue.config.js 文件里头。
3.2 在vue.config.js 中修改路径。导入scss文件； 文件导入完成后需要重启项目。
3.3 如果之前的还能用，则证明上面的操作都是正确的。
3.4 如果不能正常运行 ，查看一下格式是否正确。
3.5 这个配置完成后，在其他页面写 css 样式的时候直接调用 px2rem（）； 就可以直接使用了。 非常方便！
课程3
1设置登录界面和背景头部标题
在vue文件中可以写2个style 文件 分别定义局部和全局的样式。下面是2个style 的例子
课程4
都是设置样式没啥可说的。
课程5
设置公共样式的方法。在assets 中新建style文件夹，style文件夹下新建main.scss 用$开头设置 样式， 具体的样式内容，参考设计师给的公共样式文件。
注意这里可以做一个样式的二次引导，在main.scss 文件中引入px2rem.scss ；
那么我们需要修改全局的px2rem.scss 的引入路径。在vue.config.js 的文件中， 修改引入的文件，此时这里引入的事 main.scss 文件，因为 px2rem.scss 已经被main.scss 包裹。
这也是全局样式的，二次引导，对于其他使用scss 的文件并不影响。
在vue.config.js 中修改了引导路径后，需要重启项目，每次修改都需要重启。
注意：background：url（）这个URL 中只接受相对地址，不接受 src的简写@，也不接受从根目录下的/ 。只能写相对目录。才能出图片。
课程6
点击不同的输入框改变输入框和文字的颜色。
1 首先设置一个边框被**时候的条件，2 写好边框被**时候的样式
3 样式被**的方法，① 点击事件的时候切换条件，②条件满足的时候 class样式到达**状态，样式切换到active的样式。课程7
记住密码和自动登录的逻辑实现
1、 有关字体图标的使用， 需要了解iconfont 的使用，有关iconfont 的使用我会再写一篇博客。