小程序banner控制面板指示点

设计图上的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>

部分代码如上

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值