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

作者：袖梨 2022-06-29

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

示例

基本使用

id='sidebar'

layout="nodisplay"

class="mip-hidden">

  • Home

  • 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

  • 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

    相关文章

    精彩推荐