tab切换嵌套tab切换(多级tab切换)的实现

最新推荐文章于 2021-11-26 14:25:14 发布

gyuei

最新推荐文章于 2021-11-26 14:25:14 发布

阅读量3k

点赞数 1

分类专栏：小程序

本文链接：https://blog.csdn.net/gyueh/article/details/103308090

版权

效果图如下：
在这里插入图片描述
xml部分代码如下：

<!-- 一级标题部分布局 -->
<view class="paytabs">
  <view class="paytabs-item {
  {currentTab==0?'active':''}}" data-current="0" bindtap="clickTab">一级标题1</view>
  <view class="paytabs-item {
  {currentTab==1?'active':''}}" data-current="1" bindtap="clickTab">一级标题2</view>
</view>
<!-- 二级标题部分布局 -->
<view class ="title_tab" wx:if="{
  {currentTab == 0}}">
  <block>
    <view class="title_item {
  {titleTab== 0 ?'activity':''}}" data-current="0" bindtap="toggle">二级标题1</view>
    <view class="title_item {