mip-sidebar侧边栏组件详解 mip-sidebar侧边栏组件怎么用

作者：袖梨 2022-06-29

标题 内容
类型 通用
支持布局 N/S
所需脚本 https://mipcache.bdstatic.com/static/v1/mip-sidebar/mip-sidebar.js

示例

基本使用

Open mip-sidebar

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

右侧侧边栏

Open mip-sidebar

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

相关文章

精彩推荐