xto-fronted 0.4.51 → 0.4.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -511,8 +511,14 @@ onUnmounted(() => {
511
511
  align-items: center;
512
512
  line-height: 49px;
513
513
 
514
- // 深度选择器:确保菜单项垂直居中且高度不超过header
515
- :deep(.xto-menu--horizontal) {
514
+ // 深度选择器:使用正确的类名 x-menu(不是 xto-menu)
515
+ :deep(.x-menu) {
516
+ height: 49px;
517
+ line-height: 49px;
518
+ border-bottom: none;
519
+ }
520
+
521
+ :deep(.x-menu--horizontal) {
516
522
  height: 49px;
517
523
  display: flex;
518
524
  align-items: center;
@@ -520,40 +526,43 @@ onUnmounted(() => {
520
526
  line-height: 49px;
521
527
  }
522
528
 
523
- :deep(.xto-menu) {
529
+ :deep(.x-menu-item) {
524
530
  height: 49px;
525
531
  line-height: 49px;
532
+ box-sizing: border-box;
526
533
  border-bottom: none;
527
534
  }
528
535
 
529
- :deep(.xto-menu-item) {
536
+ :deep(.x-menu-item.is-horizontal) {
530
537
  height: 49px;
531
- display: flex;
532
- align-items: center;
533
538
  line-height: 49px;
534
- padding: 0 20px;
535
- box-sizing: border-box;
536
- border-bottom: none;
537
539
  }
538
540
 
539
- :deep(.xto-sub-menu) {
541
+ :deep(.x-menu-item__content) {
542
+ height: 49px;
543
+ }
544
+
545
+ :deep(.x-sub-menu) {
540
546
  height: 49px;
541
- display: flex;
542
- align-items: center;
543
547
  line-height: 49px;
544
548
  box-sizing: border-box;
545
549
  border-bottom: none;
546
550
  }
547
551
 
548
- :deep(.xto-sub-menu__title) {
552
+ :deep(.x-sub-menu--horizontal) {
553
+ height: 49px;
554
+ }
555
+
556
+ :deep(.x-sub-menu__title) {
549
557
  height: 49px;
550
- display: flex;
551
- align-items: center;
552
558
  line-height: 49px;
553
- padding: 0 20px;
554
559
  box-sizing: border-box;
555
560
  border-bottom: none;
556
561
  }
562
+
563
+ :deep(.x-sub-menu__content) {
564
+ height: 49px;
565
+ }
557
566
  }
558
567
 
559
568
  &__menu-content {
@@ -478,8 +478,14 @@ onUnmounted(() => {
478
478
  align-items: center;
479
479
  line-height: 49px;
480
480
 
481
- // 深度选择器:确保菜单项垂直居中且高度不超过header
482
- :deep(.xto-menu--horizontal) {
481
+ // 深度选择器:使用正确的类名 x-menu(不是 xto-menu)
482
+ :deep(.x-menu) {
483
+ height: 49px;
484
+ line-height: 49px;
485
+ border-bottom: none;
486
+ }
487
+
488
+ :deep(.x-menu--horizontal) {
483
489
  height: 49px;
484
490
  display: flex;
485
491
  align-items: center;
@@ -487,41 +493,43 @@ onUnmounted(() => {
487
493
  line-height: 49px;
488
494
  }
489
495
 
490
- :deep(.xto-menu) {
496
+ :deep(.x-menu-item) {
491
497
  height: 49px;
492
498
  line-height: 49px;
499
+ box-sizing: border-box;
493
500
  border-bottom: none;
494
501
  }
495
502
 
496
- :deep(.xto-menu-item) {
503
+ :deep(.x-menu-item.is-horizontal) {
497
504
  height: 49px;
498
- display: flex;
499
- align-items: center;
500
505
  line-height: 49px;
501
- padding: 0 20px;
502
- box-sizing: border-box;
503
- border-bottom: none;
504
506
  }
505
507
 
506
- :deep(.xto-sub-menu) {
508
+ :deep(.x-menu-item__content) {
509
+ height: 49px;
510
+ }
511
+
512
+ :deep(.x-sub-menu) {
507
513
  height: 49px;
508
- display: flex;
509
- align-items: center;
510
514
  line-height: 49px;
511
515
  box-sizing: border-box;
512
516
  border-bottom: none;
513
517
  }
514
518
 
515
- // SubMenu 的 title 部分也需要垂直居中
516
- :deep(.xto-sub-menu__title) {
519
+ :deep(.x-sub-menu--horizontal) {
520
+ height: 49px;
521
+ }
522
+
523
+ :deep(.x-sub-menu__title) {
517
524
  height: 49px;
518
- display: flex;
519
- align-items: center;
520
525
  line-height: 49px;
521
- padding: 0 20px;
522
526
  box-sizing: border-box;
523
527
  border-bottom: none;
524
528
  }
529
+
530
+ :deep(.x-sub-menu__content) {
531
+ height: 49px;
532
+ }
525
533
  }
526
534
 
527
535
  &__menu-content {