带vue.js的3D菜单组件

vue-3d菜单 (vue-3d-menu)

Vuejs 3d menu component.

Vuejs 3d菜单组件。

The effect refers to the menu in the upper right corner of the 2013 miaov official website.

效果指的是2013 miaov官方网站右上角的菜单。

View demo 查看演示 Download Source 下载源

安装 (Installation)

npm install vue-3d-menu

用法 (Usage)

import Vue from 'vue';
import Vue3dMenu from 'vue-3d-menu';
// let Vue3dMenu = window.Vue3dMenu.default;  // window
// let Vue3dMenu = require('vue-3d-menu').default;  // 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

Chrome和Firefox

阿皮 (Api)

物产 (Properties)

An array of ItemInfo: Array<ItemInfo>

ItemInfo的数组： Array<ItemInfo>

ItemInfo:

ItemInfo：

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

名称	类型	默认	描述
标题	String	''	项目的标签。 某一项显示的文字
点击	Function	null	单击此项目时的回调。 点某某时候进行的任选

翻译自: https://vuejsexamples.com/3d-menu-component-with-vue-js/