swiper组件滑动swiper-item之间有一条白线
发布于 5 年前 作者 jiekong 10975 次浏览 来自 问答
<view class="container">
  <view class="swiper-box">
    <swiper indicator-dots="{{true}}">
      <swiper-item>
        <view class="swiper-item-view">
          <view class="swiper-item-title">xxxx</view>
          <view class="swiper-item-user-info">
            <view class="swiper-item-user-info-img"></view>
            <view class="swiper-item-user-info-name"></view>
            <view class="swiper-item-user-info-num"></view>
          </view>
        </view>
      </swiper-item>
      <swiper-item>
        <view class="swiper-item-view">
          <view class="swiper-item-title">xxxx</view>
          <view class="swiper-item-user-info">
            <view class="swiper-item-user-info-img"></view>
            <view class="swiper-item-user-info-name"></view>
            <view class="swiper-item-user-info-num"></view>
          </view>
        </view>
      </swiper-item>
    </swiper>
  </view>

swiper {
  height: 400rpx;
}

.swiper-item-view {
  height: 400rpx;
  background-color: #3296FA;
  position: relative;
}
.swiper-item-title {
  text-align: center;
  font-size: 30rpx;
  padding: 10rpx;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

2 回复

你好,我测试没有复现,机型信息如下图,麻烦你用出现问题的手机扫下面的小程序码提供下扫码结果截图

你好,请提供能复现问题的简单代码片段

https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

--↓↓👍如果觉得有帮助的话请点个【赞】吧(唏嘘也有小尾巴了,可惜是假的)

回到顶部