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

实现效果

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

相关推荐
Carsene12 分钟前
开源项目文档架构设计:Git Submodule 实现文档与代码的优雅分离
前端·后端
用户83562907805125 分钟前
Python 实现 Word 文档图片插入与排版技巧
后端·python
AI茶水间管理员1 小时前
部署70B大模型到底要多大显存?一文算清所有账
人工智能·后端
树獭叔叔1 小时前
向量数据库的双索引架构:HNSW与Payload的协同机制
后端·aigc·openai
yuweiade1 小时前
Spring Boot 集成 Kettle
java·spring boot·后端
woniu_maggie1 小时前
SAP消息号修改处理与应用
后端·学习
bing_1582 小时前
spring Boot 3.0 和2.0的区别
java·spring boot·后端
Master_Azur3 小时前
java异常与自定义异常
后端
白宇横流学长3 小时前
基于 SpringBoot 的社团活动报名管理系统设计与实现
java·spring boot·后端
野犬寒鸦3 小时前
从零起步学习AI大模型应用开发 || 第三章:智能体项目实战中的问题与解决方案及思路详解
java·服务器·数据库·人工智能·后端·面试