index.wxss 1.1 KB

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