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

实现效果

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

相关推荐
uhakadotcom6 分钟前
RunPod:AI云计算的强大助手
后端·面试·github
Pitayafruit6 分钟前
📌 Java 工程师进阶必备:Spring Boot 3 + Netty 构建高并发即时通讯服务
spring boot·后端·netty
uhakadotcom9 分钟前
Google AlloyDB AI 与 PostgreSQL 的核心区别
后端·面试·github
uhakadotcom12 分钟前
使用Go语言编写简单爬虫程序
后端·面试·github
梦想实现家_Z15 分钟前
SpringBoot实现MCP Server实战详解
spring boot·后端·mcp
bobz9652 小时前
qemu 对于外部网卡的配置方式
后端
techdashen2 小时前
Rust主流框架性能比拼: Actix vs Axum vs Rocket
开发语言·后端·rust
普通网友2 小时前
内置AI与浏览器的开源终端Wave Terminal安装与远程连接内网服务器教程
开发语言·后端·golang
Gvemis⁹3 小时前
Scala总结(八)
开发语言·后端·scala
Asthenia04124 小时前
详细解析Canal如何解析MySQL Binlog+Json格式的细节
后端