设计图上的banner控制面板较为靠上,查了一下,swiper并没有控制面板指示点的位置的方法,于是就在swiper隐藏原有的指示点,然后用div模拟一下
<
view
class=
"headernav">
<
swiper
indicator-dots=
'{{ indicatordots01 }}'
indicator-color=
'{{initcolor}}'
indicator-active-color=
'{{initselcolor}}'
autoplay=
"{{indicatordots01}}"
interval=
'5000'
duration=
"1000"
current=
"{{currswiper}}"
bindchange=
"bindChangeswi">
<
block
wx:for=
"{{banner}}"
wx:key=
"*this">
<
swiper-item
>
<
image
src=
"{{item.httpImg}}"
class=
"slide-image"
mode=
"aspectFill"></
image
>
</
swiper-item
>
</
block
>
</
swiper
>
<
view
class=
"pagetol">
<
block
wx:for=
"{{banner}}">
<
view
class=
"{{currswiper == index ? 'onnav':''}}"
data-current=
"{{index}}"
bindtap=
"pagenow"></
view
>
</
block
>
</
view
>
<
view
class=
"search img-search"
bindtap=
"gotoSearch"></
view
>
</
view
>
部分代码如上