vue-3d-menu
v1.0.5
Published
Vue 的3d菜单组件。
Downloads
22
Readme
vue-3d-menu
Vue 的 3d 菜单组件。 效果参照 2013 版 miaov 官网右上角菜单。
Examples
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. 点某一项时候进行的回调 |