去哪儿网首页-header区(1)

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

发布了0 篇原创文章 · 获赞 0 · 访问量 455

猜你喜欢

转载自blog.csdn.net/baked_donut/article/details/105048365