金诚优选前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

120 lines
1.9 KiB

  1. .lb-tabbar-content {
  2. /* #ifndef APP-NVUE */
  3. display: flex;
  4. /* #endif */
  5. flex-direction: row;
  6. align-items: center;
  7. justify-content: center;
  8. }
  9. .lb-tabbar--fixed {
  10. position: fixed;
  11. left: 0;
  12. right: 0;
  13. bottom: 0;
  14. }
  15. .lb-tabbar-border {
  16. height: 1px;
  17. position: absolute;
  18. left: 0;
  19. right: 0;
  20. top: 0;
  21. transform: scaleY(0.5);
  22. }
  23. /* #ifndef APP-NVUE */
  24. lb-tabbar-item {
  25. flex: 1;
  26. }
  27. /* #endif */
  28. .lb-tabbar-item {
  29. flex: 1;
  30. /* #ifndef APP-NVUE */
  31. display: flex;
  32. /* #endif */
  33. flex-direction: column;
  34. align-items: center;
  35. justify-content: center;
  36. position: relative;
  37. // justify-content: flex-end;
  38. }
  39. .lb-tabbar-item__text {
  40. overflow: hidden;
  41. }
  42. .lb-tabbar-item__text--active {
  43. transition-property: color;
  44. transition-duration: 0.3s;
  45. }
  46. .lb-tabbar-item__icon {
  47. position: relative;
  48. }
  49. .lb-tabbar-icon {
  50. position: relative;
  51. /* #ifndef APP-NVUE */
  52. line-height: 1;
  53. font-size: inherit;
  54. text-rendering: auto;
  55. -webkit-font-smoothing: antialiased;
  56. /* #endif */
  57. }
  58. .lb-tabbar-item__icon--active {
  59. transition-property: color;
  60. transition-duration: 0.3s;
  61. }
  62. .lb-my-active{
  63. transform: translateY(-16.5px) scale(2) !important;
  64. color: yellow;
  65. }
  66. .lb-tabbar-item__icon--raisede {
  67. background-color: #fff;
  68. border-radius: 9999px;
  69. position: relative;
  70. /* #ifndef APP-NVUE */
  71. z-index: 1;
  72. /* #endif */
  73. }
  74. .lb-tabbar-item__dot--style {
  75. border-radius: 9999px;
  76. position: absolute;
  77. top: 0;
  78. right: 0;
  79. }
  80. .lb-tabbar-item__dot {
  81. width: 8px;
  82. height: 8px;
  83. }
  84. .lb-tabbar-item__dot--nvue {
  85. opacity: 0;
  86. transition-property: opacity;
  87. transition-duration: 0.1s;
  88. }
  89. .lb-tabbar-item__dot--show {
  90. opacity: 1;
  91. }
  92. .lb-tabbar-item__dot--info {
  93. height: 14px;
  94. line-height: 14px;
  95. /* #ifdef APP-NVUE */
  96. flex: 1;
  97. /* #endif */
  98. margin-top: 5px;
  99. font-size: 12px;
  100. padding-left: 4px;
  101. padding-right: 4px;
  102. text-align: center;
  103. color: #fff;
  104. transform: translate(50%, -50%);
  105. }