1.安装工具
安装stylus帮助编写css,安装的命令行如下
npm install stylus --save
npm install stylus-loader --save
2.home目录下新建一个components文件夹,把首页拆分的组件都放进去,比如header.vue,然后在home.vue里面引用
3.分析header组成 然后进行编写
注意点:
1)scoped
限制样式不对其他组件产生影响
2)stylus样式写法,不用{ }
3)单位不是直接用px 而是根据1rem = html font-size = 50px(这个数字在reset.css文件中有)
举例:某一部分测量高度为86px 这是一个二倍图 所以高度43px 43/50=0.86rem