easy-select.wxss 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .easy-select.data-v-32406354 {
  12. position: relative;
  13. border-radius: 4px;
  14. color: #606266;
  15. outline: none;
  16. box-sizing: content-box;
  17. padding: 50rpx 0rpx;
  18. height: 30px;
  19. }
  20. .easy-select input.data-v-32406354 {
  21. width: 100%;
  22. height: 80rpx;
  23. border: 2rpx solid #999999;
  24. padding-left: 25rpx;
  25. box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.27);
  26. border-radius: 11rpx;
  27. }
  28. .easy-select input.data-v-32406354 {
  29. padding: 0 18rpx;
  30. padding-right: 60rpx;
  31. overflow: hidden;
  32. white-space: nowrap;
  33. text-overflow: ellipsis;
  34. height: 100% !important;
  35. min-height: 100% !important;
  36. }
  37. .easy-select .easy-select-suffix.data-v-32406354 {
  38. position: absolute;
  39. box-sizing: border-box;
  40. height: 100%;
  41. right: 5px;
  42. top: 0;
  43. display: -webkit-box;
  44. display: -webkit-flex;
  45. display: flex;
  46. -webkit-box-align: center;
  47. -webkit-align-items: center;
  48. align-items: center;
  49. -webkit-transform: rotate(180deg);
  50. transform: rotate(180deg);
  51. -webkit-transition: all .3s;
  52. transition: all .3s;
  53. -webkit-transform-origin: center;
  54. transform-origin: center;
  55. }
  56. .easy-select .showOptions.data-v-32406354 {
  57. -webkit-transform: rotate(0) !important;
  58. transform: rotate(0) !important;
  59. }
  60. .easy-select .no-showOptions.data-v-32406354 {
  61. -webkit-transform: rotate(180deg) !important;
  62. transform: rotate(180deg) !important;
  63. }
  64. .easy-select .easy-select-options.data-v-32406354 {
  65. position: absolute;
  66. padding: 6px 0;
  67. margin-top: 10px;
  68. border: 1px solid #e4e7ed;
  69. border-radius: 4px;
  70. background-color: #fff;
  71. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  72. box-sizing: border-box;
  73. -webkit-transform-origin: center top;
  74. transform-origin: center top;
  75. z-index: 2238;
  76. overflow: scroll;
  77. max-height: 274rpx;
  78. }
  79. .easy-select .easy-select-options-item.data-v-32406354 {
  80. padding: 0 20rpx;
  81. position: relative;
  82. white-space: nowrap;
  83. font-size: 14px;
  84. color: #606266;
  85. height: 33px;
  86. line-height: 33px;
  87. box-sizing: border-box;
  88. }
  89. .easy-select .active.data-v-32406354 {
  90. background-color: #F5F7FA;
  91. }