_menu.scss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .ui-menu {
  2. background-color: var(--ui-BG);
  3. }
  4. .ui-menu-item {
  5. position: relative;
  6. @include flex-bar;
  7. min-height: 4em;
  8. padding: 0 30rpx;
  9. .ui-menu-item-icon {
  10. width: 1.7em;
  11. margin-right: 0.3em;
  12. position: relative;
  13. display: flex;
  14. align-items: center;
  15. justify-content: center;
  16. transform: scale(1.3);
  17. }
  18. .ui-menu-item-icon .ui-menu-item-image {
  19. width: 1.2em;
  20. height: 1.2em;
  21. display: inline-block;
  22. }
  23. .ui-menu-item-content {
  24. flex: 1;
  25. position: relative;
  26. @include flex-bar;
  27. }
  28. .ui-menu-item-arrow {
  29. width: 1.6em;
  30. text-align: center;
  31. color: var(--ui-TC-3);
  32. }
  33. &::after {
  34. content: ' ';
  35. width: calc(200% - 120rpx);
  36. left: 30rpx;
  37. position: absolute;
  38. top: 0;
  39. box-sizing: border-box;
  40. height: 200%;
  41. border-top: 1px solid var(--ui-Border);
  42. border-radius: inherit;
  43. transform: scale(1);
  44. transform-origin: 0 0;
  45. pointer-events: none;
  46. }
  47. &.first-item::after {
  48. display: none;
  49. }
  50. &:first-child::after {
  51. display: none;
  52. }
  53. }