index.wxss 1.1 KB

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