安信娱乐谁是老板

拼图开发文档

侧导航

侧导航为放在左边或右边的导航内容,可通过按钮展开和关闭,框架用.sidebar定义侧导航。

侧导航包含导航开关、标识、菜单导航等内容,内容也可其他自定义元素,因导航开关可以随意放在想要的地方,所以需要用data-sidebar='{"target":"#sidebar"}'指定侧导航对象。

基本样式

左侧导航

右侧导航

当侧导航在右侧时,需要叠加.sidebar-right样式,当关闭状态时则叠加.sidebar-close安信娱乐谁是老板样式,此时导航开关则为待打开状态的。

显示保留

在关闭时,显示内容保留小部份,这时候需要叠加.sidebar-hold样式,同时在导航开关上定义好最小宽度min及最大宽度值max值;最小值需要隐藏的元素上添加.sidebar-hidden样式。

关联显示

当侧导航占用显示空间时,框架先用.flex做好布局,同时在侧导航上叠加.relative相对定位样式,此时关联元素可随侧导航的显示或关闭而变化。

右侧及关闭状态

关联保留

即为在关联显示状态下,侧导航显示时保留部份内容。

右侧及关闭状态