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%