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

    相关文章

    精彩推荐