swiper 设置指示点显示位置
发布于 5 年前 作者 leimin 14572 次浏览 来自 官方Issues

swiper 默认情况下,指示点都是显示在轮播图下边中间位置,我现在因为加入了每张轮播图的标题,这指示点在中间实在是碍事,想把它放在图片的右下边,看了官网有关swiper说明文档,并没有关于指示点显示位置的设置。请问如何设置?

<swiper indicator-dots="{{indicatorDots}}"

autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">

<block wx:for="{{imgUrls}}" wx:key=“item”>

<swiper-item class=‘img-banner’>

    <image id=’{{item.ArticleID}}’ src="{{item.ImgUrl}}" class=“slide-image” bindtap=‘goToDetail’/>

    <text>{{item.Title}}</text>

</swiper-item>

</block>

</swiper>

.img-banner text{

    position: absolute;

    top:115px;

    left:10px;

    color: #535353;

    font-size:12px;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

}

4 回复

改一下UI设计不行吗?

饿了2 52给

.wx-swiper-dots {

  positionrelative;

  leftunset !important;

  right0;

}

.wx-swiper-dots.wx-swiper-dots-horizontal {

  margin-bottom-5rpx;

}

自己模拟一个就行了

回到顶部