index.less 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. /* components/w-picker/index.wxss */
  2. .van-picker {
  3. --main-color: #1cacf1 !important;
  4. }
  5. .van-picker__toolbar,
  6. .toolbar-top {
  7. margin: 0 14rpx !important;
  8. padding: 0 14rpx !important;
  9. border-bottom: 2rpx solid #f2f2f2;
  10. height: auto !important;
  11. line-height: normal !important;
  12. }
  13. .van-picker__cancel,
  14. .van-picker__confirm,
  15. .toolbar-cancel {
  16. font-size: 32rpx !important;
  17. padding: 28rpx 0 !important;
  18. color: #777777 !important;
  19. }
  20. .van-picker__confirm {
  21. color: var(--main-color) !important;
  22. }
  23. .toolbar-top {
  24. --main-color: #1cacf1 !important;
  25. display: flex;
  26. align-items: center;
  27. justify-content: space-between;
  28. margin: 0 14rpx !important;
  29. padding: 0 14rpx !important;
  30. border-bottom: 2rpx solid #f2f2f2;
  31. height: auto !important;
  32. line-height: normal !important;
  33. .toolbar-confirm {
  34. color: var(--main-color) !important;
  35. }
  36. }
  37. .van-picker-column__item--selected {
  38. font-weight: 600;
  39. font-size: 32rpx;
  40. color: var(--main-color) !important;
  41. }
  42. .van-picker-column {
  43. position: relative;
  44. z-index: 1;
  45. }
  46. .van-picker__frame {
  47. z-index: 0 !important;
  48. &::after {
  49. background: #f6f6f6;
  50. border-radius: 8px;
  51. }
  52. }
  53. .searchList1 {
  54. .searchSection {
  55. padding: 20rpx;
  56. }
  57. }
  58. .pickerSection {
  59. position: relative;
  60. }
  61. .empty-box {
  62. position: absolute;
  63. top: 0;
  64. bottom: 0;
  65. left: 0;
  66. right: 0;
  67. z-index: 10;
  68. background-color: #fff;
  69. padding-top: 30rpx;
  70. .w-empty__img {
  71. width: 320rpx;
  72. height: 320rpx;
  73. }
  74. }