如何使用scroll？view跟swiper一起组合来开发uni？app中的选择卡？

使用scroll-view跟swiper一起组合来开发uni-app中的选择卡

HBuilderX
uni-app开发文档

1

首先，在对于tab选项卡进行开发的时候，需要清楚的知道项目的需求是什么，然后才是如何进行设计和开开发

2

确定顶部选项卡的样式和选项卡的名称

3

随后确定顶部选项卡对应的内容模块

4

获取窗口的可用高度减去已有的高度来获取现在窗口还能使用的高度，并把该高度赋值给sHeight来动态绑定到swiper中

5

最后就是tab选项卡的点击事情和滑动事情的相关方法的编写

6

运行结果的流览图

注意事项
需要引入uni-app官方中提供的uni.css样式，并附加uni.ttf
uni.css放在项目的全局目录中(common),而uni.ttf文件存放到静态资源文件中
tab选项卡和对应的内容模块中，在对于的内容模块中使用的@current来绑定选项卡的对于的id值
在uni-app中tab选项卡中 动态绑定class是使用:class={'active':条件}