mip-sidebar侧边栏组件详解 mip-sidebar侧边栏组件怎么用
| 标题 | 内容 |
| 类型 | 通用 |
| 支持布局 | N/S |
| 所需脚本 | https://mipcache.bdstatic.com/static/v1/mip-sidebar/mip-sidebar.js |
示例
基本使用
|
id='sidebar' layout="nodisplay" class="mip-hidden">
Home X
Nav item 1
height="20" layout="responsive" max-font-size="24"> Nav item 2 -
height="20" layout="responsive" max-font-size="24"> Nav item 3 - longer text
Nav item 4 - Image
src="http://placeholder.*qi**niudn.com/100x50" width="20" height="20" alt="an image">
Nav item 5 Nav item 6
|
右侧侧边栏
|
id='right-sidebar' layout="nodisplay" side="right" class="mip-hidden">
Home X
Nav item 1
height="20" layout="responsive" max-font-size="24"> Nav item 2 -
height="20" layout="responsive" max-font-size="24"> Nav item 3 - longer text
Nav item 4 - Image
src="http://placeholder.*qi**niudn.com/100x50" width="20" height="20" alt="an image">
Nav item 5 Nav item 6
|
属性
id
说明：id
必填：是
格式：字符串
单位：无
默认值：无 使用限制：无
layout
说明：布局设定
必填：是
格式：字符串
单位：无
取值：nodisplay
side
说明：侧边栏位置设定，左边或者右边
必填：否
格式：字符串
单位：无
取值：left, right
默认值：left
