导航:首页 > 编程语言 > 小程序左右滑动导航

小程序左右滑动导航

发布时间:2023-08-17 07:06:25

1. 微信程序滑动右侧滚动轴的时候,左侧的样式怎样跟着改变

学小程序时写过一个B站demo,也遇到此问题,最后自定义Swiper的Dot来实现了。
思路是:用view组件重写dot,给swiper组件绑定bindchange事件用来获取当前第几个dot,动态改变class。

<!-- 滚动广告 begin -->
<view class="slider-wrapper">
<swiper bindchange="swiperChange" indicator-dots="{{indicatorDots}}"
autoplay="{{autoplay}}" interval="{{interval}}" ration="{{ration}}">
<block wx:for="{{imgUrls}}" wx:key="*this">
<swiper-item>
<image src="{{item}}" class="slide-image"/>
</swiper-item>
</block>
</swiper>
<view class="swipe-btn-wrapper">
<view class="swipe-btn-list">
<view class="{{dotsClass[0]}}"></view>
<view class="{{dotsClass[1]}}"></view>
<view class="{{dotsClass[2]}}"></vi

阅读全文

与小程序左右滑动导航相关的资料

热点内容
googlenow教程 浏览:508
安全四个责任体系内容文件 浏览:965
南阳政务app怎么注册 浏览:343
照片压缩包同一路径的文件能删吗 浏览:590
路由没网络怎么办 浏览:745
南京网站推广大概多少钱 浏览:983
js隐藏打印出来 浏览:135
手工之家app哪里下载 浏览:328
网络教育联盟英语考试是什么 浏览:69
macairwin10忘记密码 浏览:716
java上传方法 浏览:970
csc文件夹可以删除吗 浏览:130
打线工具怎么用 浏览:376
mat文件如何转换为cad 浏览:761
qq浏览器旧版本614 浏览:713
将数据库文件批量导出excel 浏览:262
招投标文件在招标公司存多少年 浏览:551
u盘空间不足不能复制系统镜像文件 浏览:212
微信购买乐视会员账号 浏览:111
穿衣打扮app 浏览:298

友情链接