index.module.less 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. .container {
  2. .head {
  3. background: url("../../../../page-instrument/header-top/image/headImg.png") no-repeat;
  4. background-size: 100% 100%;
  5. width: 372px;
  6. height: 57px;
  7. position: relative;
  8. .headTit{
  9. position: absolute;
  10. bottom: 9px;
  11. left: 50%;
  12. transform: translateX(-50%);
  13. width: 38px;
  14. height: 18px;
  15. }
  16. .closeImg{
  17. position: absolute;
  18. top: 0;
  19. right: -38px;
  20. width: 32px;
  21. height: 32px;
  22. cursor: pointer;
  23. }
  24. }
  25. .pickerCon{
  26. width: 354px;
  27. height: 284px;
  28. background: #B0D8FF;
  29. box-shadow: 0px 4px 0px 0px #7AAEE0;
  30. border-radius: 0px 0px 24px 24px;
  31. margin: 0 auto;
  32. padding: 10px;
  33. .pickerBox{
  34. width: 100%;
  35. height: 100%;
  36. background: #EAF2FB;
  37. border-radius: 12px;
  38. }
  39. }
  40. .picker {
  41. height: 204px;
  42. overflow: hidden;
  43. background-color: initial;
  44. display: flex;
  45. align-items: center;
  46. :global{
  47. .van-picker__mask {
  48. background-image: initial;
  49. }
  50. .van-picker__columns{
  51. width: 100%;
  52. }
  53. .van-picker-column__wrapper{
  54. padding: 0 16px;
  55. }
  56. .van-picker-column__item{
  57. font-weight: 600;
  58. font-size: 15px;
  59. color: rgba(0,0,0,0.2);
  60. &.van-picker-column__item--selected{
  61. border-top: 1px solid #D5E0ED;
  62. border-bottom: 1px solid #D5E0ED;
  63. color: rgb(0,0,0);
  64. }
  65. }
  66. }
  67. }
  68. .button {
  69. cursor: pointer;
  70. width: 118px;
  71. height: 40px;
  72. margin: 10px auto 0;
  73. z-index: 9;
  74. background: url("./imgs/okBtn.png") no-repeat;
  75. background-size: 100% 100%;
  76. }
  77. }