一聚教程网:一个值得你收藏的教程网站

热门教程

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

时间:2022-06-29 11:05:12 编辑:袖梨 来源:一聚教程网

标题 内容
类型 通用
支持布局 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

热门栏目