微信小程序实现Tab功能

 <view>

    
  
    
     <!-- tab区域 -->
    
     <view class="tabs-box">
    
     <view class="tabs">
    
         <block wx:for="{{tabs}}" wx:key="id" wx:for-item="tab">
    
             <view class="tab {{tabIndex === index ? 'tab-active' : ''}}" bindtap="selectedTab" data-index="{{index}}">
    
                 <view>{{tab.name}}</view>
    
             </view>
    
         </block>
    
     </view>
    
     </view>
    
  
    
     <!-- 内容区域