1.0.0 • Published 6 years ago

toggle-menu v1.0.0

Weekly downloads
2
License
MIT
Repository
github
Last release
6 years ago

引入组件

import toggleMenu from './toggleMenu'

在 components声明

components: {
     toggleMenu
},

template中使用

menuItems: [
       {name: 'menu1', src: require('../assets/emoji.png')},
       {name: 'menu2', src: require('../assets/cart.png')},
       {name: 'menu3', src: require('../assets/folder.png')},
       {name: 'menu4', src: require('../assets/home.png')},
       {name: 'menu5', src: require('../assets/my.png')},
]
<toggle-menu :menuItems="menuItems"
             @clickMenu="clickMenu"
             ></toggle-menu>

属性一栏

属性名用处默认值是否必须
position四个方位(LT、LB、RT、RB)LT
menuBg菜单背景white
menuSrc菜单图片一个菜单图片
itemBg按钮背景white
width按钮宽度50px
baseDistance位移距离,若item很多,可适当提高150px
menuItems菜单数组

方法

clickMenu 参数(item,index) 点击的对象及其下标