微信小程序实现滑动/点击切换Tab |
您所在的位置:网站首页 › 小程序顶部导航条滑动切换 › 微信小程序实现滑动/点击切换Tab |
背景
👏 swiper+scroll-view实现滑动/点击切换Tab,以及scroll-left的使用~ 🥇文末分享源代码。记得点赞+关注+收藏! 1.实现效果scroll-view: 可滚动视图区域。使用竖向滚动时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。组件属性的长度单位默认为px。 scroll-x(boolean):允许横向滚动 scroll-y(boolean):允许纵向滚动 scroll-left(number/string):设置横向滚动条位置 scroll-with-animation(boolean):在设置滚动条位置时使用动画过渡 定义一个tab列表,scroll-view包裹,允许横向滚动,设置scroll-left默认为0每个tab设置为display: inline-block,scroll-view设置 white-space: nowrap不换行 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |