去哪儿旅行笔记(三)---轮播图插件

vue-awesome-swiper

githup 中搜索

百度搜索

npm install vue-awesome-swiper --save　　　　安装

轮播图插件 当做组件使用的时 加载网页时 轮播图下面的内容会有 抖动 效果

是因为一开始 图片没有加载时 轮播图高度为零 加载后才撑开高度

解决抖动 在轮播图插件外部加一个 div标签

div设置css属性
overflow hidden
width 100%
height 0
padding-bottom 31%

用padding撑开

不将height直接设置为31% 是因为 height是相对于父组件高度的31%

这样写的31%是相对于宽的31%