【微信小程序 绝对定位时相对的元素错误的问题】

大前提: 使用swiper组件的情况下(其他组件似乎没这个问题)

问题: 父元素(view)都relative了,子元素(image)绝对定位还是相对于爷爷元素(爷爷swiper-item是absolute)

已解决:

父元素view的position: relative在style行内写样式 OK

父元素view的position: relative在class写 达咩

  <!-- swiper-item是absolute-->
  <swiper-item>
        <view  class="{{userType ==  1 ? 'swiper-wrapper-wrapper' : 'swiper-wrapper-wrapper-leader'}}"  wx:for="{{swiperList[index].swiper}}" index="{{index}}" data-cover="{{item.cover}}"  style="position: relative!important;" data-name="{{item.name}}" data-id="{{item.id}}"  data-state="{{item.state}}" catchtap="goRoomInfo">
			<image wx:if="{{item.state == 0}}" class="slide-image-state" src="../../images/work.png"></image>
        	<image wx:if="{{item.state == 1}}" class="slide-image-state" src="../../images/hang.png"></image>
            <image wx:if="{{item.state == -1}}" class="slide-image-state" src="../../images/close.png"></image>   
         </view>
   </swiper-item>

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值