tab是什么？

選項(xiàng)卡

如何創(chuàng)建一個(gè)簡(jiǎn)單的選項(xiàng)卡？

如下.是通過在ul元素中添加uk-tab類創(chuàng)建的。

<ul class="uk-tab" data-uk-tab>
    <li class="uk-active"><a href="">Active</a></li>
    <li><a href="">Item</a></li>
    <li><a href="">Item</a></li>
    <li class="uk-disabled"><a href="">Disable</a></li>
</ul>

結(jié)果如圖

image.png

tab如何垂直放置？

如何將選項(xiàng)卡垂直放置？
添加uk-tab-left類 以及設(shè)置位置uk-width-1-2即可

<ul class="uk-tab uk-tab-left uk-width-1-2" data-uk-tab>
    <li class="uk-active"><a href="">Active</a></li>
    <li><a href="">Item</a></li>
    <li><a href="">Item</a></li>
    <li class="uk-disabled"><a href="">Disable</a></li>
</ul>

結(jié)果如下

image.png