如何使用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':条件}
<以上资讯仅供参考,如果您需解决具体问题,建议您关注作者;如果有软件产品开发需求,可在线咨询加速度产品经理获取方案和报价>
****更多行业产品开发方案,请关注jsudo加速度 https://www.jsudo.com***
【加速度jsudo(www.jsudo.com)】是国内知名企业数字化建设提供商,为企业提供电商平台搭建(多种模式电商平台搭建:B2B/B2B2C/B2C/O2O/新零售等)、智慧园区建设、数字化营销、人才外包等服务,点击这里查看了解更多行业解决方案。
评论 (0)