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官方网站右上角的菜单。
安装 (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/