shalldie/vue-3d-menu

Vue 的3d菜单组件。

vue-3d-menu

Vue 的 3d 菜单组件。 效果参照 2013 版 miaov 官网右上角菜单。

Examples

To see a demo.

Installation

npm install vue-3d-menu

Usage

import Vue from 'vue';
import Vue3dMenu from 'vue-3d-menu';
// let Vue3dMenu = window.Vue3dMenu;  // window
// let Vue3dMenu = require('vue-3d-menu');  // commonjs

// regist 注册组件

Vue.use(Vue3dMenu); // global

// or

new Vue({
    el: 'body',
    components: { Vue3dMenu } // local
});

// template:
<vue-3d-menu
    :title="'3D & 菜单'"
    :items="items"
></vue-3d-menu>

// data:
data() {
    return {
        items: [{ title: '>_<#@!', click: ()=> alert('hello~') }]
    };
}

Support

Chrome and Firefox

Api

Properties

An array of ItemInfo: Array<ItemInfo>

ItemInfo:

Name	Type	Default	Description
title	String	''	The label of an item. 某一项显示的文字
click	Function	null	The callback when you click this item. 点某一项时候进行的回调

Enjoy it! :D

vue-3d-menu's Issues

Redirect Blank ?

Hello, i have a problem with your component
In the data() methods i have :

.map(item => ({ title: item, click: () => this.$router.replace(item) }))

But the page open a new tab on my browser.. (target: _blank) i don't understand.. :)

Thx !