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

实现效果

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

相关推荐
想用offer打牌5 小时前
MCP (Model Context Protocol) 技术理解 - 第二篇
后端·aigc·mcp
KYGALYX6 小时前
服务异步通信
开发语言·后端·微服务·ruby
掘了6 小时前
「2025 年终总结」在所有失去的人中,我最怀念我自己
前端·后端·年终总结
爬山算法7 小时前
Hibernate(90)如何在故障注入测试中使用Hibernate?
java·后端·hibernate
Moment7 小时前
富文本编辑器在 AI 时代为什么这么受欢迎
前端·javascript·后端
Cobyte8 小时前
AI全栈实战:使用 Python+LangChain+Vue3 构建一个 LLM 聊天应用
前端·后端·aigc
程序员侠客行9 小时前
Mybatis连接池实现及池化模式
java·后端·架构·mybatis
Honmaple9 小时前
QMD (Quarto Markdown) 搭建与使用指南
后端
PP东9 小时前
Flowable学习(二)——Flowable概念学习
java·后端·学习·flowable
invicinble9 小时前
springboot的核心实现机制原理
java·spring boot·后端