dropdown是什么？

下拉菜单

哪些元素可以激活下拉菜单？

任何元素.常见的如button元素

 <button class="uk-button">Hover</button>

以下方法将元素与下拉菜单绑定。也就是说必须用带data-uk-dropdown属性的div元素把 该元素包裹起来。

image.png

按钮中的下拉菜单

首先创建dropdown组件
之后创建button用于激活下拉菜单
最后创建下拉菜单。

<!-- This is the container enabling the JavaScript -->
<div class="uk-button-dropdown" data-uk-dropdown>

    <!-- This is the button toggling the dropdown -->
    <button class="uk-button">Hover</button>

    <!-- This is the dropdown -->
    <div class="uk-dropdown uk-dropdown-small">
        <ul class="uk-nav uk-nav-dropdown">
            <li><a href="">item1</a></li>
            <li><a href="">item2</a></li>
        </ul>
    </div>
</div>

结果如图

image.png

下拉菜单 - UIkit 中文文档