vue-awesome-swiper轮播图下方的小点，在手机端有一块区域不可点

Question

1.最常见的轮播

图片中，下方的小点,vue-awesome-swiper提供的小点，在电脑上按住小点区域滑动（或点击）的时候没有问题，但是当用手机看时，手指滑动（或者点击）小点上方(包含小点部分)一小片区域是滑不动（点击也没反应）的，像是什么东西遮盖着，
2.代码做了居中处理

position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
height: 0;

3.问题重申：pc端没问题，手机端有遮盖

Answer 1

已找到原因，vue-awesome-swiper提供的小点默认有140px的高度，当height设置为0时，网页端确实看不到高度的不妥，但是把定位高度为0都去掉就发现此时span标签已经脱离div标签，给span浮动即可，从新设置div高度和行高