第七章、项目实战

2.

在单文件组件中引入.css文件，需要用@import，不能直接用import

 在代码中@代表路径的src，但是如果在style中引入css文件，则需要在@前加入~  代表src

 

 设置路径别名

 

 

 

 

 3.轮播图

gitHub上搜索vue-awesome-swiper然后按照引用方式引用

 为了不让页面有抖动的情况，先把块撑开，轮播图的css的写法，height如果写百分比，则为相对于父级元素的百分比。所以把高设置为0

 也可以为如下图，height设置为相对于视口的百分比。但是如果这么写，如下，则某些浏览器兼容有问题。所以用上面的方法最好。

 

 标题中文字过多加入...的css