index.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. .wux-select__scroll-view {
  2. max-height: 540rpx
  3. }
  4. .wux-select__prompt {
  5. position: relative;
  6. display: flex;
  7. justify-content: center;
  8. align-items: center;
  9. min-height: 270rpx;
  10. padding: 48rpx 24rpx;
  11. box-sizing: border-box
  12. }
  13. .wux-select__toolbar {
  14. position: relative;
  15. width: 100%;
  16. font-size: 34rpx;
  17. line-height: 1.5;
  18. color: rgba(0,0,0,.85);
  19. background-color: #f7f7f8
  20. }
  21. .wux-select__toolbar::before {
  22. content: " ";
  23. position: absolute;
  24. left: 0;
  25. top: 0;
  26. right: 0;
  27. height: 1PX;
  28. border-top: 1PX solid #d9d9d9;
  29. color: #d9d9d9;
  30. transform-origin: 0 0;
  31. transform: scaleY(.5)
  32. }
  33. .wux-select__inner {
  34. height: 88rpx;
  35. display: flex;
  36. text-align: center
  37. }
  38. .wux-select__title {
  39. position: absolute;
  40. display: block;
  41. width: 100%;
  42. padding: 0;
  43. font-size: 34rpx;
  44. font-weight: 400;
  45. line-height: 88rpx;
  46. color: rgba(0,0,0,.85);
  47. text-align: center;
  48. white-space: nowrap
  49. }
  50. .wux-select__button {
  51. position: absolute;
  52. box-sizing: border-box;
  53. height: 88rpx;
  54. line-height: 88rpx;
  55. padding: 0 30rpx;
  56. z-index: 10
  57. }
  58. .wux-select__button--cancel {
  59. left: 0;
  60. color: #b2b2b2
  61. }
  62. .wux-select__button--confirm {
  63. right: 0;
  64. color: #33cd5f
  65. }
  66. .wux-select__button--hover {
  67. background-color: #ececec
  68. }
  69. .wux-select__button--disabled {
  70. opacity: .3
  71. }