vant/vue |
您所在的位置:网站首页 › vant滑动切换tab › vant/vue |
所实现效果: 看一下官网 官网给出的写法是在这个标签里面写入内容,并不是分离式布局 如果是分离式的话比较好写,直接让头部固定,底部固定即可使中间部分滚动 分离写法为上图所示 这里分离写法就不演示了,主要说一下如何在遍历后的tab栏里面让中间内容部分进行滚动 因为一个tab栏要用到一个盒子 所以要给每个盒子设置一个样式比如section 用ref去获取整个屏幕的高度,就拿iPhone6/7/8为例上下固定的高度一共为135px 多个相同的样式就需要遍历一下 本身的clientHeight不是我们想要的高度,所以直接获取可见高度,并把可见高度给我们的这个clientHeight 再查看一下发现已经更改完成 即可只使中间内容进行滚动 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |