easy-select.wxss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  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: flex;
  44. align-items: center;
  45. -webkit-transform: rotate(180deg);
  46. transform: rotate(180deg);
  47. transition: all .3s;
  48. -webkit-transform-origin: center;
  49. transform-origin: center;
  50. }
  51. .easy-select .showOptions.data-v-32406354 {
  52. -webkit-transform: rotate(0) !important;
  53. transform: rotate(0) !important;
  54. }
  55. .easy-select .no-showOptions.data-v-32406354 {
  56. -webkit-transform: rotate(180deg) !important;
  57. transform: rotate(180deg) !important;
  58. }
  59. .easy-select .easy-select-options.data-v-32406354 {
  60. position: absolute;
  61. padding: 6px 0;
  62. margin-top: 10px;
  63. border: 1px solid #e4e7ed;
  64. border-radius: 4px;
  65. background-color: #fff;
  66. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  67. box-sizing: border-box;
  68. -webkit-transform-origin: center top;
  69. transform-origin: center top;
  70. z-index: 2238;
  71. overflow: scroll;
  72. max-height: 274rpx;
  73. }
  74. .easy-select .easy-select-options-item.data-v-32406354 {
  75. padding: 0 20rpx;
  76. position: relative;
  77. white-space: nowrap;
  78. font-size: 14px;
  79. color: #606266;
  80. height: 33px;
  81. line-height: 33px;
  82. box-sizing: border-box;
  83. }
  84. .easy-select .active.data-v-32406354 {
  85. background-color: #F5F7FA;
  86. }