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.qiniudn.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.qiniudn.com/100x50"

    width="20"

    height="20"

    alt="an image">

  • Nav item 5

  • Nav item 6

属性

id

说明：id

必填：是

格式：字符串

单位：无

默认值：无 使用限制：无

layout

说明：布局设定

必填：是

格式：字符串

单位：无

取值：nodisplay

side

说明：侧边栏位置设定，左边或者右边

必填：否

格式：字符串

单位：无

取值：left, right

默认值：left

相关文章

精彩推荐