<view class="vtabbar-container" style="--wv-vtabbar-background: {{background}}; --wv-vtabbar-height: {{height}};">
  <scroll-view scroll-y 
    scroll-top="{{tabbarScrollTop}}"
    scroll-with-animation="{{true}}"
    enhanced="{{true}}"
    show-scrollbar="{{false}}"
    bounces="{{true}}"
    class="wv-vtabbar"
    style="--wv-indicator-width: {{indicatorWidth}}">

    <view wx:if="{{showIndicator && indicatorPosition == 'left' }}" class="wv-vtabbar-indicator {{indicatorPosition}}">
      <view class="indicator wv-theme {{indicatorTheme}} animation-{{indicatorAnimation}} {{_animStopIndicator? 'anim-stop' : 'anim-run'}}" 
            style="{{indicatorStyle}} {{indicatorColor ? 'background-color:' + indicatorColor + ';' : ''}} {{indicatorRadius ? 'border-radius:' + indicatorRadius + ';' : ''}} --wv-indicator-animation-duration: {{indicatorAnimationDuration}}ms;"></view>
    </view>
    
    <view class="wv-vtabbar-content {{ showIndicator? 'indicator-'+indicatorPosition : 'no-indicator' }} {{!gap || gap === '0' || gap === '0px' || gap === '0rpx' ? 'no-gap' : ''}}" style="{{gap ? 'gap: ' + gap + ';' : ''}}">
      <slot></slot>
    </view>
    
    <view wx:if="{{showIndicator && indicatorPosition == 'right' }}" class="wv-vtabbar-indicator {{indicatorPosition}}">
      <view class="indicator wv-theme {{indicatorTheme}} animation-{{indicatorAnimation}} {{_animStopIndicator? 'anim-stop' : 'anim-run'}}" 
            style="{{indicatorStyle}} {{indicatorColor ? 'background-color:' + indicatorColor + ';' : ''}} {{indicatorRadius ? 'border-radius:' + indicatorRadius + ';' : ''}} --wv-indicator-animation-duration: {{indicatorAnimationDuration}}ms;"></view>
    </view>
  </scroll-view>
</view>