微信小程序实现一个简单的Tab可滑动的切换方式(代码)(微信小程序 tabbar动态设置)

网友投稿 910 2022-10-04

微信小程序实现一个简单的Tab可滑动的切换方式(代码)(微信小程序 tabbar动态设置)

微信小程序实现一个简单的Tab可滑动的切换方式(代码)(微信小程序 tabbar动态设置)

本篇文章给大家带来的内容是关于微信小程序实现一个简单的Tab可滑动的切换方式(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

.wxml

代付款 代发货 待收货 待评价 退款/售后 代付款 代发货 待收货 待评价 退款/售后 -

.wxss

/* pages/mine/order/order.wxss */.swiper-tab { width: 100%; border-bottom: 2rpx solid #ccc; text-align: center; height: 88rpx; line-height: 88rpx; display: flex; flex-flow: row; justify-content: space-between;}.swiper-tab-item { width: 30%; color: #434343; font-size: 28rpx;}.active { color: #f65959; border-bottom: 4rpx solid #f65959;}swiper { text-align: center; background-color: #fff}-

.js

效果图:

程序员必备接口测试调试工具:立即使用Apipost = Postman + Swagger + Mock + Jmeter Api设计、调试、文档、自动化测试工具 后端、前端、测试,同时在线协作,内容实时同步

在wxml部分其实可以用个wx:for 来做。

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:SpringBoot超详细讲解多数据源集成
下一篇:uniapp 项目搭建
相关文章

 发表评论

暂时没有评论,来抢沙发吧~