Vue汉堡菜单(Vue-Burger-Menu)
made with Vuejs

Vue汉堡菜单(Vue-Burger-Menu)

这是一个滑动导航菜单组件

相关问答
暂无相关问题
查看全部
简介及使用教程

Vue汉堡菜单(Vue-Burger-Menu)是一个侧边滑动导航的Vue组件,包含CSS过渡和SVG路径动画的效果和样式。

动画效果包括:

  • Slide(滑动)
  • ScaleDown(缩小)
  • ScaleRotate(旋转)
  • Reveal(展现)
  • Push(推出)
  • PushRotate(旋转推出)

安装

Npm

npm i vue-burger-menu --save

Yarn

yarn add vue-burger-menu

使用

引入组件

import { Slide } from 'vue-burger-menu'  // import the CSS transitions you wish to use, in this case we are using `Slide`

export default {
    components: {
        Slide // Register your component
    }
}

使用

<template>
    <Slide>
      <a id="home" href="#">
        <span>Home</span>
      </a>
    </Slide>
</template>

示例

作者

Mohit kumar Bajoria

@mbj36

相关项目

这是一个基于Vue.js的循环图像序列播放器。
这是一个基于Vue.js的模拟命令行效果的动画组件。
Vue.js的文本幻灯片组件。
这是一个基于Vue.js的内容切换组件。
这是一个使用Vue.js的加载Spinner的集合。
这是一个实现Material设计风格的纹波效果的插件。
这是一个基于Vue的emoji图标反馈组件。