第7章 项目实战 - 旅游网站首页开发

                 header区域开发

去哪儿网手机：http://touch.piao.qunar.com/
1rem= html font-size
如果font-size=50px，43px是.86rem
在build-->webpack.base.conf.js里面可以配置路径，例：@代码src，如果在style里面调用，需要在前面加~

image.png

scoped：加载以及影响当前的组件，可以使得组件之间的样式不互相污染
但是往往有时候，我们在使用一些第三方插件的同时，又需要对第三方插件做一些细微的修改，那么我们就可以使用下面的方法(scss穿透)：
scss穿透：/deep/

.wrapper /deep/ {
  .swiper-pagination-bullet-active {
    background: #fff;
  }
}

                首页轮播图

swiper的使用：https://www.cnblogs.com/maomao93/p/6830626.html
轮播插件在github搜索：vue-awesome-swiper
https://github.com/surmon-china/vue-awesome-swiper
安装：npm install [email protected] --save
@2.6.7是版本号
在