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

实现效果

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

相关推荐
IT_陈寒1 小时前
Redis持久化这个坑,我爬了一整天才出来
前端·人工智能·后端
无风听海1 小时前
多租户系统中的 OIDC:Discovery 端点与联合登录的深度实践
后端·python·flask
小小前端仔LC2 小时前
Node.js + LangChain + React:搭建个人知识库(六)- “吃什么”项目实战:从700+菜谱入库到Taro H5端JSON渲染
前端·后端
程序员黑豆2 小时前
AI全栈开发之Java:怎么配置Java环境变量
前端·后端·ai编程
苍何3 小时前
一手实测 Claude Fable 5,手搓了个 Obsidian 的 Codex 插件
后端
swipe3 小时前
做多轮对话 Agent,为什么我建议把短期记忆放到 Redis
后端·面试·llm
程序员黑豆4 小时前
AI全栈开发之Java:什么是JDK
前端·后端·ai编程
阿明在折腾4 小时前
从Canvas到AI模型:我在线工具站里的图片处理实战
前端·后端
tyung4 小时前
Go 手写 Wait-Free SPSC 无界队列:无 CAS、无锁、泛型节点池
数据结构·后端·go
Lucien3234 小时前
学完 Spring Boot 再看 FastAPI,我破防了
后端