缩放菜单
  • data-position="left"
  • data-transition="scale"
缩放菜单
  • data-position="right"
  • data-transition="scale"
左侧菜单
  • data-position="left"
  • data-transition="push"
左侧菜单
  • data-position="left"
  • data-transition="overlay"
左侧菜单
  • data-position="left"
  • data-transition="reveal"
右侧菜单
  • data-position="right"
  • data-transition="push"
右侧菜单
  • data-position="right"
  • data-transition="overlay"
右侧菜单
  • data-position="right"
  • data-transition="reveal"

抽屉菜单组件

左侧菜单栏

push
overlay
reveal
scale

右侧菜单栏

push
overlay
reveal
scale


自定义宽度
  • aside上的配置
  • 默认宽度为264px
  • data-position="left | right"
  • data-transition=
    "push | overlay | reveal | scale"
  • push
  • 侧边栏与页面同时滑动
  • overlay
  • 侧边栏从页面上层划出
  • reveal
  • 侧边栏在底部,页面其上方划出
  • scale
  • 侧边栏滑动,页面滑动同时缩小