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

实现效果

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

相关推荐
__zRainy__5 分钟前
Node系列 · Node基础:net 模块
后端·node.js
Diligently_5 分钟前
Anolis 系统更新与密码设置&磁盘扩容
java·后端·spring
kyson_8 分钟前
大文件切片上传:从“能传”到“可靠”的 Vue 3 + Java 全栈实现
后端
张龙6879 分钟前
uv 全面指南:比 pip 快 100 倍的 Python 包管理器,从安装到团队落地
后端·python
用户40966601317511 小时前
Guava 不止有 Lists 和 Maps:Cache、EventBus、Multimap 实战
java·后端
一只叫煤球的猫1 小时前
从 Java 21 到 Java 25:ThreadLocal 以外的选择—— ScopedValue
java·后端·架构
用户3169353811832 小时前
SpringBoot + Vue 项目生产环境部署完整指南
前端·后端
仍然.2 小时前
SpringCloud---Eureka介绍
java·spring cloud·eureka
霸道流氓气质2 小时前
Spring 事务同步机制 —— AfterTransactionActionCollector 的异步解耦原理
java·后端·spring