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

实现效果

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

相关推荐
代码匠心7 分钟前
从零开始学Flink:数据源
java·大数据·后端·flink
掘金一周7 分钟前
Flutter Riverpod 3.0 发布,大规模重构下的全新状态管理框架 | 掘金一周 9.18
前端·人工智能·后端
moisture39 分钟前
CUDA常规知识点
后端·面试
用户2986985301441 分钟前
Java 使用 Spire.PDF 将PDF文档转换为Word格式
java·后端
Reboot1 小时前
使用cloc统计代码行数
后端
neoooo1 小时前
当域名遇上家里的电脑:一条隧道通向世界
后端
zjjuejin1 小时前
Maven依赖管理艺术
后端·maven
RoyLin1 小时前
TypeScript设计模式:复合模式
前端·后端·typescript
我的小月月1 小时前
SQLFE:网页版数据库(VUE3+Node.js)
前端·后端
Alan521591 小时前
Java 后端实现基于 JWT 的用户认证和权限校验(含代码讲解)
前端·后端