微信小程序 tab选项卡

最新推荐文章于 2025-05-24 11:36:00 发布

树洞菇凉

最新推荐文章于 2025-05-24 11:36:00 发布

阅读量780

点赞数 1

CC 4.0 BY-SA版权

分类专栏：小程序文章标签：小程序

本文链接：https://blog.youkuaiyun.com/qq_37916164/article/details/98882444

效果图：
在这里插入图片描述

.wxml

<view class="swiper-tab">
    <view class="swiper-tab-item {
  
  {currentTab==0?'active':''}}" data-current="0" bindtap="clickTab">车牌校验</view>
    <view class="swiper-tab-item {
  
  {currentTab==1?'active':''}}" data-current="1" bindtap="clickTab">车主资料</view>
    <view class="swiper-tab-item {
  
  {currentTab==2?'active':''}}" data-current="2" bindtap="clickTab">车辆信息</view>
     <view class="swiper-tab-item {
  
  {currentTab==3?'active':''}}" data-current="3" bindtap="clickTab">支付</view>
</view>

<swiper current="{
  
  {currentTab}}" duration="300"  bindchange="swiperTab">
    <swiper-item ><view>111</view></swiper-item>
    <swiper-item><view>222</view></swiper-item>
    <swiper-item><view&g