微信小程序实现顶部普通选项卡效果(非swiper)

前端之家收集整理的这篇文章主要介绍了微信小程序实现顶部普通选项卡效果(非swiper)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

背景:前段时间写了一个抢红包小程序,里面涉及到了顶部选项卡,把它抽了出来。

效果图:

下面直接上代码:

wxml:

wxss:

js:

以上是实现过程基本代码,省去了中间内容代码。顶部个数是循环出来的,可以根据自己的实际需求设置。

附:链接

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/weapp/36820.html

猜你在找的微信小程序相关文章