概述
横排菜单组件包括了图标、选中图标、名称、箭头和链接。省去了用图片、段落等元素进行组合的操作,更加方便快捷。与竖排菜单的区别在于排列方式不同。
使用
在页面左侧边栏找到组件-横排菜单并拖放到页面上,点击横排菜单进行以下设置。
编辑默认菜单
在竖排菜单的设置弹窗中,点击编辑操作,对默认的名称、链接、图标、选中图标等进行修改。
添加更多菜单
如果有更多的菜单,点击“添加更多菜单”按钮,编辑菜单信息并确认。
移动和删除菜单
通过点击上移和下移操作,对菜单的显示顺序进行重新排列。
其他设置
其他设置包括了溢出滚动、悬停显示选中图标和根据链接选中。
顾名思义,开启溢出滚动后,若横排菜单较多,超出了固定范围,如在手机上显示时可以通过滑动查看溢出的菜单;悬停显示选中图标指的是在电脑上鼠标悬停时,图标变化为选中图标;根据链接选中,比如说通过横排菜单制作的底部导航,包括首页、分类、购物车和我的,要使点击到对应的页面时,图标呈选中状态,需要在横排的链接后加参数?columnMenu=序号,例如/p-1.html?columnMenu=1。