<view class="category-tabs">
    <scroll-view class="category-tabs__scroll" scroll-x>
        <view class="category-tabs__inner">
            <view
                wx:for="{{tabs}}"
                wx:key="id"
                class="category-tabs__pill {{activeTab === item.id ? 'category-tabs__pill--active' : ''}}"
                data-id="{{item.id}}"
                bindtap="onTabTap"
            >
                {{item.name}}
            </view>
        </view>
    </scroll-view>
</view>
