小程序swiper真机调试小圆点不显示问题

项目场景：

刚开始做小程序的时候，真的是有很多问题啊！这里就有一个小程序使用swiper组件，在开发者工具里是好的，但是到了真机调试阶段小圆点和定位的搜索栏都不见了的问题

---

问题描述：

就是下面这些东西没有了，当时百度也找不到，说是高度的问题，但这个显然不是

---

原因分析：

结果是一个很简单的原因，醉了啊

	<swiper class="hmw-swiper" indicator-dots="{{indicatorDots}}" indicator-color="rgba(0, 0, 0, 0.3)" indicator-active-color="#fff" circular="true" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
			<block wx:for="{{banner}}" wx:key="item.id">
				<swiper-item>
				注意这里☟☟☟☟☟☟☟☟☟！！！！！！！！！！
					<cover-image src="{{item.picUrl}}" />
				</swiper-item>
			</block>
		</swiper>

刚开始做小程序时，不知道cover前缀的组件到底有什么区别，就试了一下，结果样式崩了的罪魁祸首就是他！！

• cover-image：覆盖在原生组件之上的图片视图。可覆盖的原生组件同cover-view，支持嵌套在cover-view里。

简单来说，就是加了cover就有了一种覆盖的效果，她就成了z-index最高的存在，所以就把我的小圆点和定位的搜索框都整没了！！
（我说我咋给他们加z-index：999；都不行，笑了😂）

---

解决方案：

只要我们把cover-image改成image就解决啦啦啊啊！！！！

ps: 使用cover-image图片会有自适应的效果，而image没有，改完之后还要改改样式哦！！

结束😎