选项卡

优质

小牛编辑

133浏览

2023-12-01

两个tab

<div class="ui-tab ">
    <ul class="ui-tab-nav ui-border-b ">
        <li class="current"><span>热门</span></li>
        <li><span>热门</span></li>
    </ul>
    <ul class="ui-tab-content" style="width:200%">
        <li>内容1</li>
        <li>内容2</li>
    </ul>
</div>

三个tab

<div class="ui-tab">
    <ul class="ui-tab-nav ui-border-b">
        <li class="current"><span>热门直播类</span></li>
        <li><span>热门直播类</span></li>
        <li><span>热门直播类</span></li>
    </ul>
    <ul class="ui-tab-content" style="width:300%">
        <li>内容1</li>
        <li>内容2</li>
        <li>内容2</li>
    </ul>
</div>

四个tab

<div class="ui-tab">
    <ul class="ui-tab-nav ui-border-b">
        <li class="current"><span>热门直播类</span></li>
        <li><span>热门直播类</span></li>
        <li><span>热门直播类</span></li>
        <li><span>热门直播类</span></li>
    </ul>
    <ul class="ui-tab-content" style="width:400%">
        <li>内容1</li>
        <li>内容2</li>
        <li>内容3</li>
        <li>内容4</li>
    </ul>
</div>