fa-dropdown.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. @charset "UTF-8";
  2. /**
  3. * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量
  4. * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用
  5. */
  6. .u-dropdown.data-v-70bebccc {
  7. -webkit-box-flex: 1;
  8. -webkit-flex: 1;
  9. flex: 1;
  10. width: 100%;
  11. position: relative;
  12. }
  13. .u-dropdown__menu.data-v-70bebccc {
  14. display: -webkit-box;
  15. display: -webkit-flex;
  16. display: flex;
  17. -webkit-box-orient: horizontal;
  18. -webkit-box-direction: normal;
  19. -webkit-flex-direction: row;
  20. flex-direction: row;
  21. position: relative;
  22. z-index: 11;
  23. height: 80rpx;
  24. }
  25. .u-dropdown__menu__item.data-v-70bebccc {
  26. -webkit-box-flex: 1;
  27. -webkit-flex: 1;
  28. flex: 1;
  29. display: -webkit-box;
  30. display: -webkit-flex;
  31. display: flex;
  32. -webkit-box-orient: horizontal;
  33. -webkit-box-direction: normal;
  34. -webkit-flex-direction: row;
  35. flex-direction: row;
  36. -webkit-box-pack: center;
  37. -webkit-justify-content: center;
  38. justify-content: center;
  39. -webkit-box-align: center;
  40. -webkit-align-items: center;
  41. align-items: center;
  42. min-width: 25%;
  43. }
  44. .u-dropdown__menu__item__text.data-v-70bebccc {
  45. font-size: 28rpx;
  46. color: #606266;
  47. }
  48. .u-dropdown__menu__item__arrow.data-v-70bebccc {
  49. margin-left: 6rpx;
  50. -webkit-transition: -webkit-transform .3s;
  51. transition: -webkit-transform .3s;
  52. transition: transform .3s;
  53. transition: transform .3s, -webkit-transform .3s;
  54. -webkit-box-align: center;
  55. -webkit-align-items: center;
  56. align-items: center;
  57. display: -webkit-box;
  58. display: -webkit-flex;
  59. display: flex;
  60. -webkit-box-orient: horizontal;
  61. -webkit-box-direction: normal;
  62. -webkit-flex-direction: row;
  63. flex-direction: row;
  64. }
  65. .u-dropdown__menu__item__arrow--rotate.data-v-70bebccc {
  66. -webkit-transform: rotate(180deg);
  67. transform: rotate(180deg);
  68. }
  69. .u-dropdown__content.data-v-70bebccc {
  70. position: absolute;
  71. z-index: 8;
  72. width: 100%;
  73. left: 0px;
  74. bottom: 0;
  75. overflow: hidden;
  76. }
  77. .u-dropdown__content__mask.data-v-70bebccc {
  78. position: absolute;
  79. z-index: 9;
  80. background: rgba(0, 0, 0, 0.3);
  81. width: 100%;
  82. left: 0;
  83. top: 0;
  84. bottom: 0;
  85. }
  86. .u-dropdown__content__popup.data-v-70bebccc {
  87. position: relative;
  88. z-index: 10;
  89. -webkit-transition: all 0.3s;
  90. transition: all 0.3s;
  91. -webkit-transform: translate3D(0, -100%, 0);
  92. transform: translate3D(0, -100%, 0);
  93. overflow: hidden;
  94. }