index.wxss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. .wux-cascader {
  2. width: 100%;
  3. overflow: hidden;
  4. position: relative;
  5. display: flex;
  6. flex-direction: column;
  7. font-size: 28rpx;
  8. line-height: 1.5;
  9. color: rgba(0,0,0,.85)
  10. }
  11. .wux-cascader__hd {
  12. position: relative;
  13. flex: none;
  14. width: 100%
  15. }
  16. .wux-cascader__hd::after {
  17. content: " ";
  18. position: absolute;
  19. left: 0;
  20. bottom: 0;
  21. right: 0;
  22. height: 1PX;
  23. border-bottom: 1PX solid #d9d9d9;
  24. color: #d9d9d9;
  25. transform-origin: 0 100%;
  26. transform: scaleY(.5)
  27. }
  28. .wux-cascader__bd {
  29. position: relative;
  30. flex: auto;
  31. width: 100%;
  32. height: 100%
  33. }
  34. .wux-cascader__toolbar {
  35. position: relative;
  36. width: 100%;
  37. font-size: 34rpx;
  38. line-height: 1.5;
  39. color: rgba(0,0,0,.85);
  40. background-color: #f7f7f8
  41. }
  42. .wux-cascader__toolbar::before {
  43. content: " ";
  44. position: absolute;
  45. left: 0;
  46. top: 0;
  47. right: 0;
  48. height: 1PX;
  49. border-top: 1PX solid #d9d9d9;
  50. color: #d9d9d9;
  51. transform-origin: 0 0;
  52. transform: scaleY(.5)
  53. }
  54. .wux-cascader__inner {
  55. height: 88rpx;
  56. display: flex;
  57. text-align: center
  58. }
  59. .wux-cascader__title {
  60. position: absolute;
  61. display: block;
  62. width: 100%;
  63. padding: 0;
  64. font-size: 34rpx;
  65. font-weight: 400;
  66. line-height: 88rpx;
  67. color: rgba(0,0,0,.85);
  68. text-align: center;
  69. white-space: nowrap
  70. }
  71. .wux-cascader__button {
  72. position: absolute;
  73. box-sizing: border-box;
  74. height: 88rpx;
  75. line-height: 88rpx;
  76. padding: 0 30rpx;
  77. z-index: 10
  78. }
  79. .wux-cascader__button--cancel {
  80. left: 0;
  81. color: #b2b2b2
  82. }
  83. .wux-cascader__button--confirm {
  84. right: 0;
  85. color: #33cd5f
  86. }
  87. .wux-cascader__button--hover {
  88. background-color: #ececec
  89. }
  90. .wux-cascader__button--disabled {
  91. opacity: .3
  92. }