在使用微信小程序的swiper组件内部标签超出会被隐藏

这个主要出现在了微信小程序的编写上要实现一个这样的页面效果在这里插入图片描述
灰色的方框上要出现个⚪图标,
不知道为什么一超出这个方框就隐藏了显示不出来了,
刚开始以为是图层在下方用了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;这个居然无效就很奇怪了,留个坑日后来填。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值