博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
分享一个基于vue的环形菜单组件
阅读量:6991 次
发布时间:2019-06-27

本文共 586 字,大约阅读时间需要 1 分钟。

是一个应用于移动端的快速导航组件。它拥有炫酷的展开和收起时的动画效果。它支持自定义菜单的显示位置,菜单的数量,颜色等属性。

图片描述

安装

通过NPM安装

npm install vue-quick-menu --save

插件应用

这是一个使用的例子

import Vue from 'vue'import quickMenu from 'vue-quick-menu'export default { ... components: { quickMenu }, ...}

插件参数

Property Type Default Description
menuCount Number 4 导航菜单的数量 可选2,3,4
menuUrlList Array - 菜单的url的数组
iconClass Array - 菜单项的图标
position top-left,top-right,bottom-left or bottom-right top-left 菜单的位置
backgroundColor String #009dc7 菜单的背景色
color String #ffffff 菜单图标的颜色
isOpenNewTab Boolean false 是否在原窗口打开菜单指向的url

最后推荐一下--一个分享vue,angular优秀组件的网站

转载地址:http://eydvl.baihongyu.com/

你可能感兴趣的文章
动态改变Retrofit的 base url和 rest version
查看>>
一个外行如何快速融入node项目开发
查看>>
http请求头个字段解释
查看>>
关于Java面试,你应该准备这些知识-第二篇
查看>>
【JS第23期】设计模式-组合使用构造函数模式和原型模式
查看>>
直播技术:从性能参数到业务大数据,浅谈直播CDN服务监控
查看>>
如何进行手机APP的数据爬取?
查看>>
推荐一款 phpcs 插件规范 Laravel 代码 (规范从本地写代码到版本控制)
查看>>
阿里HBase的数据管道设施实践与演进
查看>>
解决spring security自定义filter重复执行问题
查看>>
WPF加载等待动画
查看>>
梓论坛 zibbs 1.0 发布,PHP 轻论坛系统
查看>>
如何设计高效合理的MySQl查询语句?23种常用类型汇总(珍藏版)
查看>>
《你的灯亮着吗》读书笔记
查看>>
WPF利用VisualTreeHelper遍历寻找对象的子级对象或者父级对象
查看>>
Jenkins +GitHub(学习笔记三十三)
查看>>
Data Lake Analytics IP白名单设置攻略
查看>>
KubeCon 参会记录之 -- Helm 3 Deep Dive
查看>>
Hive优化相关设置
查看>>
vs2017 cordova apk 第一个项目
查看>>