收藏
回答

swiper 设置指示点显示位置

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;

}


最后一次编辑于  07-20  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

3 个回答

  • 鲤子
    鲤子
    07-20

    自己模拟一个就行了

    07-20
    赞同
    回复 1
    • 往事如风
      往事如风
      07-20
      嗯,正在进行。。。
      07-20
      回复
  • ZJX
    ZJX
    07-20
    饿了2 52给
    07-20
    赞同
    回复
  • 老张
    老张
    07-20

    改一下UI设计不行吗?

    07-20
    赞同
    回复 3
    • 往事如风
      往事如风
      07-20
      已经解决了,把原有的指示点去了,自定义放指示点上去,配合bindchange就实现了
      07-20
      1
      回复
    • 老张
      老张
      07-21
      好吧,还是佩服这种执着精神的。
      07-21
      回复
    • 果果
      果果
      08-20回复往事如风
      尝试bindchange自定义确实很方便实现
      08-20
      回复