Menu

Menu
菜单显示分组的导航操作

下载

类型

Menu

一个菜单

2.0 菜单现在使用flexbox. 这允许每个菜单项自动扩展为最大项的大小.

下面的许多示例都使用了耦合 下拉 内显示下拉菜单 ui menu. 请参考下拉文档以获得该组件的正确javascript初始化.

二级菜单

菜单可以调整它的外观来弱化它的内容

指出

菜单可以指向显示它与附近内容的关系

表格

可以将菜单格式化为显示信息的选项卡

一定要去参观 标签的文档 有关如何设置动态选项卡的信息
这是一个拉伸的网格柱. 这个段将始终匹配制表符的高度
这是一个拉伸的网格柱. 这个段将始终匹配制表符的高度

文本

菜单可以根据文本内容进行格式化

垂直菜单

垂直菜单垂直地显示元素..

垂直菜单的宽度默认为任意大小. 要使它更精确地适合您的内容,请结合使用流体变化 uiGrid.

分页

分页菜单的格式专门用于显示指向内容页面的链接

内容

Header

菜单项可以包含标题,也可以本身是标题

Input

一个菜单项可以包含 input 里面

Button

一个菜单项可以包含 button 里面

联系项目

菜单可以包含链接项,也可以包含格式化为链接的项.

下拉项

控件中的项可以包含嵌套菜单 下拉.

要在没有Javascript的情况下打开下拉菜单,请使用 简单的 变异

搜索

一个菜单可以包含 搜索 input

Menu

一个菜单可以包含与菜单项相同级别的另一个菜单组.

子菜单

一个菜单项可以包含另一个嵌套在其中的菜单,作为分组的子菜单.

徘徊

可以悬停菜单项

菜单项只有在悬浮的情况下才可悬浮 a 链接,或给定类名 link

活跃的

菜单项可以是活动的

变化

固定

菜单可以固定在上下文的一边

这些例子使用了an iframe,以防止内容粘在浏览器视窗上.
对于更高级的行为,请考虑使用 粘性的菜单 or 能见度api.

可叠起堆放的

菜单可以叠加在移动分辨率上

可堆叠菜单的目的是只用于简单的菜单内容. 堆叠菜单不会复制垂直菜单的所有额外样式,比如调整下拉菜单的位置.

菜单的颜色可以倒转,以显示更大的对比度

图标

菜单可能只有图标



标记图标

菜单可能有标记的图标



流体

垂直菜单可以采用其容器的大小. (水平菜单默认这样做)

紧凑的

一个菜单只能占用足够的空间来容纳它的内容

各占一半

一份菜单可以平均地划分它的项目

垂直菜单可以指向与它相邻的内容以显示所有权

附加

菜单可以附加到其他内容段

有很多不同版本的洛雷姆·Ipsum, 但大多数都经历了某种形式的改变, 通过注入了幽默, 或者随机选取的单词看起来甚至一点都不可信. 如果你要用洛雷姆·Ipsum的一段话, 你需要确保文字中间没有隐藏任何令人尴尬的内容. 互联网上所有的Lorem Ipsum生成器都倾向于在必要时重复预定义的块, 使它成为互联网上第一个真正的生成器. 它使用了超过200个拉丁词汇的字典, 结合一些模范句子结构, 来生成Lorem Ipsum,看起来很合理. 因此,生成的Lorem Ipsum总是没有重复, 注入了幽默, 或者非特征词等等.
有很多不同版本的洛雷姆·Ipsum, 但大多数都经历了某种形式的改变, 通过注入了幽默, 或者随机选取的单词看起来甚至一点都不可信. 如果你要用洛雷姆·Ipsum的一段话, 你需要确保文字中间没有隐藏任何令人尴尬的内容. 互联网上所有的Lorem Ipsum生成器都倾向于在必要时重复预定义的块, 使它成为互联网上第一个真正的生成器. 它使用了超过200个拉丁词汇的字典, 结合一些模范句子结构, 来生成Lorem Ipsum,看起来很合理. 因此,生成的Lorem Ipsum总是没有重复, 注入了幽默, 或者非特征词等等.

大小

菜单可以有不同的大小

垂直菜单的大小也不同

项目

安装

菜单项或菜单可以垂直或水平地删除元素填充

无边界的

菜单项或菜单可以没有边框

调光器的信息
调光器分联箱

友情链接: 1 2 3 4 5 6 7 8 9 10