若依框架——解决菜单显示不全的问题

 很多开发的时候会遇到菜单名字过长,显示不全的问题,对此有2中解决方式

1. 增加列宽—— 路径:src---assets---styles---variables.scss

2. 在长度不一定的情况下,建议使用文本框的方法,动态的显示标签的名称,一味的增加宽度并不能解决问题

效果图:

实现代码

修改路径    src---layout---Sidebar---Sidebarltem.vue 

<el-tooltip class="item" effect="dark" :content="onlyOneChild.meta.title" placement="right-start">

       <span v-if="onlyOneChild.meta">

     <item :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)":title="onlyOneChild.meta.title" />

    </span>

    </el-tooltip>

在修改的过程中会碰到若依的默认鼠标展示值和我们展示的值重复的问题,建议解决方式

代码修改路径  src--layout--Sidebar---item.vue

 

  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
目 录 摘 要 2 第1章 需求分析 2 第2章 概要设计 2 2.1系统总体设计框架 2 2.2系统功能模块图 3 第3章 详细设计 6 第4章 主要源程序代码 7 第5章 调试分析过程描述 17 第6章 总结 19 参考文献 19 学生课程设计报告评分表 20 校际运动管理系统 摘 要 本文介绍了利用C语言对校际运动管理系统进行设计的过程,从系统总体框架,功 能分析,模块设计与分析,类的设计与分析,功能测试等环节通过Microsoft Visual C++ 6.0对校际运动管理系统进行详细的设计,并介绍了校际运动管理系统如何运用,本 次设计是基于C语言的程序设计,利用了C语言的强大功能,设计出的程序运行良好,可 以在校际运动管理系统等方面进行良好的运用。 关键词:C语言,班级档案管理系统,Microsoft Visual C++ 6.0 一、需求分析 (1)信息初始化 输入:N 参赛学校总数,M 男子竞赛项目数, W 女子竞赛项目数; 各项目名次取法有以下几种: 取前5名:第一名得分 7,第二名得分5,第三名得分3,第四名得分2,第五名得分1; 取前3名:第一名得分5,第二名得分3,第三名得分2; 用户自定义:各名次权值由用户指定。 (2)提醒用户填写比赛结果,输入各项目获奖运动员信息。 (3)所有信息记录完毕后,用户可以查询各个学校的比赛成绩,生成团体总分报表,察 看参赛学校信息和比赛项目信息等。 二、概要设计 分析整个系统,根据以上的需求分析及设计要求,可将整个系统的设计分为以下五个 模块:信息输入、录入比赛结果、查询信息、退出. 1. 系统总体设计框架 2. 系统功能模块图 各功能模块设计模块 信息输入模块 一是参赛学校信息,二是参赛运动员信息,三是比赛项目信息,分别输入并保存 void Information() { int n,w ; do { puts("\n\n\n"); puts("\t\t***^__^ Welcome to load 信息录入 system! ^__^***\n"); puts("\t\t*************************MENU*************************\n"); puts("\t\t******** 1.saveathlete **********\n"); puts("\t\t******** 2.saveschool **********\n"); puts("\t\t******** 3.saveprogram() **********\n"); puts("\t\t******** 4.back **********\n"); puts("\t\t***************************************\n"); printf("Choic your number(1-4):[ ]\b\b"); scanf("%d",&n); if (n<1""n>4) { w=1; getchar(); } else w=0; } while (w==1); switch(n) { case 1 : saveathlete(); break;// 保存运动员信息子函数 case 2 : saveschool(); break;//保存学校信息子函数 case 3 : saveprogram();break;//保存项目比赛信息子函数 case 4 : exit(0); } } 结果录入模块 (3)查询信息模块 [分析] 查询信息模块提供按不同方式查询各种信息机返回功能,其中各功能模块用菜单方式 选择。菜单部分也可写成函数。 3. 详细设计 1.主函数 主函数一般设计的较为简洁,只提供输入、功能处理和输出部分的函数调用。其中各 功能模块用菜单方式选择。另外菜单部分也可以写成函数。 2.流程图 [程序] void main() { menu(); } void menu() { int n,w1; do { puts("\t\t***^__^ Welcome to load sports system! ^__^***\n"); puts("\t\t************************MENU*************************\n"); puts("\t\t******** 1.Enter the information **************\n"); puts("\t\t******** 2.Score 比赛结果录入 **************\n"); puts("\t\t******** 3.Search **************\n"); puts("\t\t*******
FCat是基于Angular4+SpringCloud的企业级基础功能框架(户权限管理、区域管理、GIS地图、......),其核心设计目标是分离前后端、开发快速、学习简单、功能强大、不重复造轮子,其目标是帮助企业搭建一套基础功能框架; 核心技术:angualr、Spring Cloud、OAuth2、jwt、Spring Cloud Security、Eureka、Zuul、Hystrix、Feign、Ribbon、Redis、Mybatis、Mysql。 功能: 1、用户管理 2、菜单管理 3、组织类型管理 4、组织架构管理————组织管理、关联用户、组织授权 5、数据字典 6、日志管理 前端技术:Angular; 支持angular2、4、5版本,UI使用AdminLTE; angular-cli TypeScript 组件 模板 模块 服务 依赖注入 动态路由 Http 后端技术:SpringCloud; 1、Eureka 服务器用作服务注册服务器。 一个java客户端,用来简化与服务器的交互、作为轮询负载均衡器,并提供服务的故障切换支持。 2、Zuul 基于JVM路由和服务端的负载均衡器 类似nginx,反向代理的功能 3、Hystrix 提供了熔断、隔离、Fallback、cache、监控等功能,能够在一个、或多个依赖同时出现问题时保证系统依然可用。 4、Feign 是声明式、模板化的http客户端。旨在用最少的开销和代码将您的代码连接到http apis。 5、Ribbon 提供客户端的软件负载均衡算法 6、Redis 存储热点数据 7、Session redis存储热点、共享话数据 8、Security 提供声明式的安全访问控制解决方案的安全框架 9、OAuth2 一种授权框架,提供了一套详细的授权机制。用户或应用可以通过公开的或私有的设置,授权第三方应用访问特定资源。 10、JWT 提供了一种用于发布接入令牌(Access Token),并对发布的签名接入令牌进行验证的方法。 令牌(Token)本身包含了一系列声明,应用程序可以根据这些声明限制用户对资源的访问。 11、Config 配置文件统一管理 开发环境: node-v6.11.0-x64.msi redis3.X jdk1.8 MySQL Server 5.6 maven3.X IntelliJ IDEA webstorm

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值