Vue的Ribbon菜单

创作来源

1、项目系统功能太多,界面无法展开

2、office风格的ribbon菜单就不错

3、npm中暂无对应的ribbon menu

创作思路

1、定义组件对象

a、MainRibbon:主要容器

b、RibbonTabPage:tab面板

c、RibbonGroup:分组面板

d、RibbonLargeImageWithText:图片文字按钮

2、点击事件采用:defineEmits、EventBus

3、组件显示采用:shallowRef

实现效果

创作不易,有需要请联系作者

相关推荐
QX_hao3 小时前
【Go】--map和struct数据类型
开发语言·后端·golang
MC丶科4 小时前
【SpringBoot 快速上手实战系列】5 分钟用 Spring Boot 搭建一个用户管理系统(含前后端分离)!新手也能一次跑通!
java·vue.js·spring boot·后端
G探险者4 小时前
为何一个系统上线要经过N轮测试?带你看懂企业级发布体系
后端
lang201509286 小时前
Spring Boot 入门:5分钟搭建Hello World
java·spring boot·后端
间彧7 小时前
Windows Server,如何使用WSFC+nginx实现集群故障转移
后端
间彧7 小时前
Nginx + Keepalived 实现高可用集群(Linux下)
后端
间彧7 小时前
在Kubernetes中如何部署高可用的Nginx Ingress Controller?
后端
间彧7 小时前
Ribbon负载均衡器和Nginx负载均衡器有什么区别
后端
间彧7 小时前
Nacos详解与项目实战
后端