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

实现效果

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

相关推荐
国奉6 分钟前
从零设计一个 iOS 文件浏览器:Sandbox、FileManager、Document Picker 与文件架构
后端
前端兰博19 分钟前
04-数据库-MySQL
后端·mysql
她的男孩22 分钟前
接口加密做成框架级能力有多难?我扒了 3600 行源码:从 RSA 握手到落库密文迁移
人工智能·后端·架构
掘金挖土31 分钟前
前端手摸手跑路之 AI 应用开发(二)
前端·后端
遨翔在知识的海洋里1 小时前
nest(5)-文件上传和静态资源
后端
遨翔在知识的海洋里1 小时前
nest(3)-jwt和RBAC
后端
遨翔在知识的海洋里1 小时前
nest(5)-Middleware
后端
程序员梅雨2 小时前
Linux & Shell 实用干货
linux·运维·服务器·后端·面试·php
大牧师2 小时前
TypeORM 入门教程
后端·sql·mysql·orm·nest·typeorm
IT_陈寒2 小时前
Vite静态资源路径这个大坑害我调了一下午
前端·人工智能·后端