下拉选单 - 创建

「Dropdown 下拉选单」组件可以添加在页面的任何位置。在导航栏中比较常见。

添加下拉选单的步骤

打开「Add 添加」面板，点击或拖拽「Dropdown 下拉选单」到页面上即可。

这里，我们把「Dropdown 下拉选单」放置到导航栏的链接上。

由于导航栏本身有不少盒子层级，这里推荐一种更为准确的添加方法。

先切换到「Navigator 导航器」面板，这里可以看到盒子层级。点击盒子层级前面的小箭头，展开盒子，找到「Nav Link 导航链接」盒子。

然后打开「Add 添加」面板，拖拽「Dropdown 下拉选单」到「Nav Link 导航链接」同一层级即可。

如果想要调整顺序，可以像调整Photoshop图层一样，通过拖拽调整盒子顺序。

点击预览，观看效果。默认设置下，下拉菜单通过点击打开。