share_activity/components/vtabs/index.wxml

<view class="weui-vtabs">
  <view class="weui-vtabs-bar__wrp {{tabBarClass}}">
    <scroll-view 
      scroll-y
      class="weui-vtabs-bar__scrollview"
      scroll-into-view="weui-vtabs-item__{{currentView}}"
    >
      <view class="weui-vtabs-bar__content">
        <block wx:for="{{vtabs}}" wx:key="title">
          <view 
            id="weui-vtabs-item__{{index}}"
            class="weui-vtabs-bar__item"
            data-index="{{index}}"
          
            bindtap="handleTabClick"
          >
            <view class="weui-vtabs-bar__title {{activeTab === index ? activeClass : ''}}"
            style="background-color: {{activeTab === index ? 'white' : '#F6F6F6'}};"
            >
            <!-- 左邊icon -->
            <image src="{{item.img}}" class="icon" />

              <text class=""
              style="color: {{activeTab === index ? '#BEDA70' : 'gray'}};margin-top: 16rpx;"
              >{{item.title}}</text>
            </view>
          </view>
        </block>
      </view>
    </scroll-view>
  </view>
  <view class="weui-vtabs-content__wrp">
    <scroll-view 
      scroll-y
      class="weui-vtabs-content__scrollview" 
      scroll-top="{{contentScrollTop}}"
      scroll-with-animation="{{animation}}"
      bindscroll="handleContentScroll"
    >
      <view class="weui-vtabs-content">
        <slot ></slot>
      </view>
    </scroll-view>
  </view>
</view>