当前位置：首页 > news >正文

el-menu标题过长显示不全问题处理

news 2025/7/2 21:23:57

项目基于vue-element-admin

问题

在这里插入图片描述

期望

在这里插入图片描述

处理方式

\src\layout\components\Sidebar\index.vue 文件后添加CSS

<style scped>
/* 侧栏导航菜单经典 文字超长溢出问题 CSS折行 */
.el-submenu__title {display: flex;align-items: center;
}
.el-submenu__title span {white-space: normal;word-break: break-all;line-height: 20px;flex: 1;padding-right: 20px;
}.el-menu-item {display: flex;align-items: center;padding-right: 20px !important;
}
.el-menu-item span {white-space: normal;word-break: break-all;line-height: 20px;flex: 1;
}
/* 动态样式 控制收起时icon图标 */
.packUp .el-submenu__title .svg-icon {margin-right: 0% !important;
}
</style>

el-menu标题过长显示不全问题处理

项目基于vue-element-admin 问题期望处理方式 \src\layout\components\Sidebar\index.vue 文件后添加CSS <style scped> /* 侧栏导航菜单经典文字超长溢出问题 CSS折行 */ .el-submenu__title {display: flex;align-items: center; } .el-submenu__title span {white-…...

编程日记 2023/12/13 15:47:08

微信游戏开发：连接社交与娱乐的创新之路

在移动互联网时代，微信已经成为了人们日常生活中不可或缺的社交工具。而微信游戏，作为在这一平台上崛起的新兴产业，不仅给用户提供了更多娱乐选择，也为开发者们创造了独特的机遇。本文将探讨微信游戏开发的关键步骤、技术要点以及…...

编程日记 2023/12/13 15:46:07

1688一件采购实现指南：含代码实现采购流程

一、引言 1688是中国最大的B2B电子商务平台之一，提供了丰富的商品信息和采购服务。一键采购是1688平台的一项便捷功能，可以帮助用户快速完成采购流程，提高采购效率。本文将详细介绍如何使用1688一键采购功能，并通过代码示例演示如…...

编程日记 2023/12/13 15:44:06

div中一个图片怎么铺满整个div而且不超出div按比例铺满div

重要信息: background-size:cover或者background-size:contain;属性设置图片不重复: background-repeat:no-repeat; 设置字体在div中间:...

编程日记 2023/12/13 15:43:04

云原生之深入解析Kubernetes的架构及特性

一、kubernetes 架构从宏观上来看 kubernetes 的整体架构，包括 Master、Node 以及 Etcd。Master 即主节点，负责控制整个 kubernetes 集群，它包括 Api Server、Scheduler、Controller 等组成部分。它们都需要和 Etcd 进行交互以存储数据&…...

编程日记 2023/12/13 15:39:01

分布工具类的定义与实现及测试。

package d5.util;public class PageUtil {private int pageSize;//一页有多少条private int currIndex;//当前是第几页private int totalCount;//共有多少条记录谁给我？ 逻辑层的 getTotalCountprivate int totalPage;//共有多少页 private int start;//显时时开始…...

编程日记 2023/12/13 15:38:00

如何在忘记密码的情况下恢复解锁 iPhone

您忘记了 iPhone 密码吗？Apple 官方通常建议将 iPhone 恢复至出厂设置以将其删除。这种修复很不方便，甚至可能比问题本身更麻烦。如果您也经历过同样的情况，并且想知道忘记了 iPhone 密码并且不想恢复它该怎么办，我们的终极指南…...

编程日记 2023/12/13 15:36:59

通过compileall库将python文件编译为pyc文件

文章目录什么是 .pyc 文件将 .py 文件编译为 .pyc 文件编译单个文件编译多个文件在实际开发中，有时候需要将产品（以.py文件为例）发布到外部环境，但我们并不想显式地让别人看到我们的源码，此时就需要对源码进行加密保…...

编程日记 2023/12/13 15:34:56

【Docker】深入理解Docker：一种革新性的容器技术

前言 Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的Linux或Windows操作系统的机器上,也可以实现虚拟化,容器是完全使用沙箱机制,相互之间不会有任何接口。 📕作者简介：热…...

编程日记 2023/12/13 15:33:55

数据库——安全性

智能2112杨阳一、目的与要求： 1、设计用户子模式 2、根据实际需要创建用户角色及用户，并授权 3、针对不同级别的用户定义不同的视图，以保证系统的安全性二、内容： 先创建四类用户角色： 管理员角色Cusm、客户角…...

编程日记 2023/12/13 15:32:54

Vue路由跳转重定向动态路由VueCli

Vue路由跳转&重定向&动态路由&VueCli 一、声明式导航-导航链接 1.需求实现导航高亮效果如果使用a标签进行跳转的话，需要给当前跳转的导航加样式，同时要移除上一个a标签的样式，太麻烦！！！ …...

编程日记 2023/12/13 15:30:52

mysql 当前时间加3个工作日

1. 问题描述： 在日常工作中可能会遇到计算工作日的情况 2. 解决过程 (1) 首先制作一个假日表 holiday_config CREATE TABLE holiday_config (id int(10) NOT NULL AUTO_INCREMENT,holiday varchar(8) DEFAULT NULL,PRIMARY KEY (id) USING BTREE ) ENGINEInnoDB…...

编程日记 2023/12/13 15:28:50

2023年11月国产数据库大事记-墨天轮

本文为墨天轮社区整理的2023年11月国产数据库大事件和重要产品发布消息。 11月国产数据库大事记 TOP10 11月国产数据库大事记（时间线） 11月1日消息，近日，由金仓数据库支撑的某大型运营商B域一级BOSS枢纽系统顺利升级上线。金仓数…...

编程日记 2023/12/13 15:27:49

第二十八章控制到 XML 模式的映射 - 流类到 XML 类型的映射

文章目录第二十八章控制到 XML 模式的映射 - 流类到 XML 类型的映射将集合属性映射到 XML 模式第二十八章控制到 XML 模式的映射 - 流类到 XML 类型的映射如果类或属性基于流，则它将投影为 XML 类型，如下表所示： IRIS 流的 XML 类型 …...

编程日记 2023/12/13 15:25:47

GO EASY 游戏框架之 GRPC 扩展篇 04

1 Overview 此章节是对第三章的一个补充。同样属于RPC的篇章。是专门为了类似游戏服务这种需要指定RPC服务端具体地址，也就是具体是哪台机器的某应用进程，通信的方式。笔者简单的封装了下保证基本的服务稳定，且具备服务发现的属性即可&#…...

编程日记 2023/12/13 15:24:46

【JavaScript】JavaScript中的GC算法

1、内存管理内存：由可读写单元组成，标识一片可操作的空间管理： 认为的去操作一篇空间的申请、使用和释放内存管理：开发者主动申请空间、使用空间、释放空间管理流程： 申请-使用-释放 // 申请 let obj {} //使…...

编程日记 2023/12/13 15:22:44

从互联网到云计算再到 AI 原生，百度智能云数据库的演进

1 数据库行业发展概述如果说今年科技圈什么最火，我估计大家会毫不犹豫选择 ChatGPT。ChatGPT 是 2022 年 11 月 30 日由 OpenAI 发布的聊天应用。它创造了有史以来用户增长最快的纪录：自 11 月 30 日发布起，5 天就拥有了 100 万活跃用户…...

编程日记 2023/12/13 15:21:43

C# | CountdownEvent使用教程（通过与ManualResetEvent对比，快速了解其特性）

C# CountdownEvent使用教程对于熟悉ManualResetEvent的同学来说，了解CountdownEvent的差异对于更好地利用它们是非常重要的。通过对ManualResetEvent和CountdownEvent的对比，我们可以更好地理解CountdownEvent的特点和使用场景。 ManualResetEvent回顾…...

编程日记 2023/12/13 15:18:41

2、LLVM 函数名称加密及3种PASS的实现

sudo usermod -a -G vboxsf nowind nowind是你的虚拟机登录的用户名解决virtualbox 虚拟机共享文件夹不能使用的问题第一种：源码内实现pass： 实现EncodeFunctionName 的pass，核心代码如下相关文件的修改： 因为后面同样用到…...

编程日记 2023/12/13 15:17:40

Python网络爬虫的基础理解-对应的自我理解误区

##通过一个中国大学大学排名爬虫的示例进行基础性理解以软科中国最好大学排名为分析对象，基于requests库和bs4库编写爬虫程序，对2015年至2019年间的中国大学排名数据进行爬取：（1）按照排名先后顺序输出不同年份的前10…...

编程日记 2023/12/13 15:16:39

TDengine 快速体验（Docker 镜像方式）

简介 TDengine 可以通过安装包、Docker 镜像及云服务快速体验 TDengine 的功能，本节首先介绍如何通过 Docker 快速体验 TDengine，然后介绍如何在 Docker 环境下体验 TDengine 的写入和查询功能。如果你不熟悉 Docker，请使用安装包的方式快…...

编程新知 2025/6/27 23:41:52

【Linux】shell脚本忽略错误继续执行

在 shell 脚本中，可以使用 set -e 命令来设置脚本在遇到错误时退出执行。如果你希望脚本忽略错误并继续执行，可以在脚本开头添加 set e 命令来取消该设置。举例1 #!/bin/bash# 取消 set -e 的设置 set e# 执行命令，并忽略错误 rm somefile…...

编程新知 2025/6/21 16:23:04

多模态商品数据接口：融合图像、语音与文字的下一代商品详情体验

一、多模态商品数据接口的技术架构 （一）多模态数据融合引擎跨模态语义对齐通过Transformer架构实现图像、语音、文字的语义关联。例如，当用户上传一张“蓝色连衣裙”的图片时，接口可自动提取图像中的颜色（RGB值&…...

编程新知 2025/6/20 16:24:43

linux 下常用变更-8

1、删除普通用户查询用户初始UID和GIDls -l /home/ ###家目录中查看UID cat /etc/group ###此文件查看GID删除用户1.编辑文件 /etc/passwd 找到对应的行，YW343:x:0:0::/home/YW343:/bin/bash 2.将标红的位置修改为用户对应初始UID和GID： YW3…...

编程新知 2025/6/15 9:39:08

DBAPI如何优雅的获取单条数据

API如何优雅的获取单条数据案例一对于查询类API，查询的是单条数据，比如根据主键ID查询用户信息，sql如下： select id, name, age from user where id #{id}API默认返回的数据格式是多条的，如下： {&qu…...

编程新知 2025/6/25 3:02:24

相机Camera日志分析之三十一：高通Camx HAL十种流程基础分析关键字汇总（后续持续更新中）

【关注我，后续持续新增专题博文，谢谢！！！】上一篇我们讲了：有对最普通的场景进行各个日志注释讲解，但相机场景太多，日志差异也巨大。后面将展示各种场景下的日志。通过notepad++打开场景下的日志，通过下列分类关键字搜索，即可清晰的分析不同场景的相机运行流程差异…...

编程新知 2025/6/15 13:22:13

CMake 从 GitHub 下载第三方库并使用

有时我们希望直接使用 GitHub 上的开源库，而不想手动下载、编译和安装。可以利用 CMake 提供的 FetchContent 模块来实现自动下载、构建和链接第三方库。 FetchContent 命令官方文档✅ 示例代码我们将以 fmt 这个流行的格式化库为例，演示如何：使用 FetchContent 从 GitH…...

编程新知 2025/6/25 3:30:49