chore: LayoutLeftMix 样式

src/layout/LayoutLeftMix/index.scss

@@ -30,6 +30,7 @@
       .split-list {
         flex: 1;
         .split-item {
+					--el-menu-base-level-padding: 4px;
 					&::before {
 						left: 2px;
 						right: 2px;
@@ -114,7 +115,7 @@
       padding: 0 6px;
       height: 55px;
       .logo-text {
-				font-size: 27px;
+				font-size: 24px;
 				font-weight: bold;
 				color: var(--el-color-black);
         white-space: nowrap;
@@ -138,4 +139,4 @@
   .app-main {
     min-height: 0;
   }
-}
+}

src/layout/LayoutLeftMix/index.vue

@@ -15,7 +15,7 @@
 						@click="changeSubMenu(item)"
 					>
 						<PickerIcon v-if="item.meta?.icon" :icon-class="item.meta.icon"></PickerIcon>
-						<span class="title">{{ generateTitle(item.meta.title) }}</span>
+						<span class="text-overflow_ellipsis_line_1 title">{{ generateTitle(item.meta.title) }}</span>
 					</div>
 				</div>
 			</el-scrollbar>

src/styles/index.scss

@@ -126,6 +126,10 @@ div:focus {
 	-webkit-box-orient: vertical; // 设置伸缩盒子的子元素排列方式--从上到下垂直排列
 	-webkit-line-clamp: $line; // 显示的行
 	-webkit-box-orient: vertical;
+	word-break: break-all;
+}
+.text-overflow_ellipsis_line_1 {
+	@include text-overflow_ellipsis_line(1);
 }
 .text-overflow_ellipsis_line_2 {
 	@include text-overflow_ellipsis_line;