这个主要出现在了微信小程序的编写上要实现一个这样的页面效果
灰色的方框上要出现个⚪图标,
不知道为什么一超出这个方框就隐藏了显示不出来了,
刚开始以为是图层在下方用了z-ingex属性和小程序的coverimage都不行,所以排除图层问题
接着我就觉得是不是<swiper-item>
的overflow: hidden;
隐藏了所以我用了overflow: visible;
依然不能解决问题。
没办法了只能换个思路了既然超过你就要被隐藏了,那我就不超过你
所以我在方框的外面加了一个父标签像这样
<swiper class="swiper">//小程序的swiper组件
<swiper-item wx:for="{{ carList }}" wx:key="{{ index }}" class="swiper-iem">//小程序的swiper-item组件
<view class="li">//添加的父标签
<view class="li-content">//方框
在给添加的父标签加个padding
样式应为我是上方超出所以就加了个padding-top: 50rpx;
具体大小值视情况而定,这样果然成功显示了。因为这样那个⭕就不超出<swiper-item>
了,而是视觉上超出了其实每超出。
总结一下:我感觉不是小程序<swiper>
组件的原因,应该所有<swiper>
组件都有超出隐藏的这个属性。而使用overflow: visible
;这个居然无效就很奇怪了,留个坑日后来填。