uni-data-pickerview.wxss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. .uni-data-pickerview {
  5. flex: 1;
  6. display: flex;
  7. flex-direction: column;
  8. overflow: hidden;
  9. height: 100%;
  10. }
  11. .error-text {
  12. color: #DD524D;
  13. }
  14. .loading-cover {
  15. position: absolute;
  16. left: 0;
  17. top: 0;
  18. right: 0;
  19. bottom: 0;
  20. background-color: rgba(255, 255, 255, 0.5);
  21. display: flex;
  22. flex-direction: column;
  23. align-items: center;
  24. z-index: 1001;
  25. }
  26. .load-more {
  27. margin: auto;
  28. }
  29. .error-message {
  30. background-color: #fff;
  31. position: absolute;
  32. left: 0;
  33. top: 0;
  34. right: 0;
  35. bottom: 0;
  36. padding: 15px;
  37. opacity: .9;
  38. z-index: 102;
  39. }
  40. .selected-list {
  41. display: flex;
  42. flex-wrap: nowrap;
  43. flex-direction: row;
  44. padding: 0 5px;
  45. border-bottom: 1px solid #f8f8f8;
  46. }
  47. .selected-item {
  48. margin-left: 10px;
  49. margin-right: 10px;
  50. padding: 12px 0;
  51. text-align: center;
  52. white-space: nowrap;
  53. }
  54. .selected-item-text-overflow {
  55. width: 168px;
  56. /* fix nvue */
  57. overflow: hidden;
  58. width: 6em;
  59. white-space: nowrap;
  60. text-overflow: ellipsis;
  61. -o-text-overflow: ellipsis;
  62. }
  63. .selected-item-active {
  64. border-bottom: 2px solid #2979ff;
  65. }
  66. .selected-item-text {
  67. color: #2979ff;
  68. }
  69. .tab-c {
  70. position: relative;
  71. flex: 1;
  72. display: flex;
  73. flex-direction: row;
  74. overflow: hidden;
  75. }
  76. .list {
  77. flex: 1;
  78. }
  79. .item {
  80. padding: 12px 15px;
  81. /* border-bottom: 1px solid #f0f0f0; */
  82. display: flex;
  83. flex-direction: row;
  84. justify-content: space-between;
  85. }
  86. .is-disabled {
  87. opacity: .5;
  88. }
  89. .item-text {
  90. /* flex: 1; */
  91. color: #333333;
  92. }
  93. .item-text-overflow {
  94. width: 280px;
  95. /* fix nvue */
  96. overflow: hidden;
  97. width: 20em;
  98. white-space: nowrap;
  99. text-overflow: ellipsis;
  100. -o-text-overflow: ellipsis;
  101. }
  102. .check {
  103. margin-right: 5px;
  104. border: 2px solid #2979ff;
  105. border-left: 0;
  106. border-top: 0;
  107. height: 12px;
  108. width: 6px;
  109. -webkit-transform-origin: center;
  110. transform-origin: center;
  111. transition: all 0.3s;
  112. -webkit-transform: rotate(45deg);
  113. transform: rotate(45deg);
  114. }