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

小程序左右滑动导航

发布时间: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

阅读全文

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

热点内容
找同行工作在哪个网站 浏览:254
linuxdirfd 浏览:290
电脑打印一张文件多少钱 浏览:212
斗战神游戏修复工具 浏览:736
系统更新网络无法链接不上电脑没反应 浏览:851
什么是二层网络架构 浏览:402
中医看书好的app 浏览:516
win10纸牌变成英文 浏览:135
源码文件图片路径怎么形成的 浏览:432
ai变量宽度配置文件点不了 浏览:460
强制安装app去哪里举报 浏览:719
微信登录数据保存在哪里 浏览:321
pic编程哪里下载 浏览:549
苹果ipad官方壁纸 浏览:154
华创网络信号怎么样 浏览:495
共享单车网站源码 浏览:281
a班练琴app下载不了怎么回事 浏览:349
数控中怎么编程 浏览:409
vm如何安装linux系统 浏览:423
歌手实绩数据在哪里看 浏览:691

友情链接