add.scss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. @import "./add.skeleton.wxss";
  2. page {
  3. background-color: #fff;
  4. }
  5. .groud {
  6. width: 100%;
  7. padding: 30rpx;
  8. border-bottom: 1px solid #DDDDDD;
  9. .label {
  10. height: 60rpx;
  11. font-size: 32rpx;
  12. font-family: PingFang SC-Regular, PingFang SC;
  13. font-weight: bold;
  14. color: #333333;
  15. }
  16. .content {
  17. display: flex;
  18. flex-wrap: wrap;
  19. width: 100%;
  20. .but {
  21. min-width: 188rpx;
  22. height: 72rpx;
  23. background: #F5F5F5;
  24. border-radius: 8rpx;
  25. font-size: 28rpx;
  26. font-family: PingFang SC-Regular, PingFang SC;
  27. color: #333333;
  28. box-sizing: border-box;
  29. margin-right: 20rpx;
  30. margin-top: 20rpx;
  31. padding: 0 30rpx;
  32. }
  33. .active {
  34. border: 1px solid #3874F6;
  35. color: #3874F6;
  36. font-weight: bold;
  37. background-color: #F5F5F5;
  38. }
  39. }
  40. .time {
  41. .partition {
  42. margin-right: 20rpx;
  43. display: flex;
  44. align-items: center;
  45. }
  46. .tbox {
  47. width: 220rpx;
  48. height: 72rpx;
  49. text-align: center;
  50. line-height: 72rpx;
  51. background: #F5F5F5;
  52. border-radius: 8rpx;
  53. font-size: 28rpx;
  54. font-family: PingFang SC-Regular, PingFang SC;
  55. color: #333333;
  56. box-sizing: border-box;
  57. margin-right: 20rpx;
  58. margin-top: 20rpx;
  59. }
  60. }
  61. }
  62. .footer {
  63. display: flex;
  64. justify-content: center;
  65. position: fixed;
  66. bottom: 0;
  67. width: 100vw;
  68. min-height: 130rpx;
  69. background-color: #fff;
  70. box-shadow: rgba(0, 0, 0, 0.15) 0px 5rpx 15rpx 0px;
  71. .but {
  72. width: 690rpx;
  73. height: 90rpx;
  74. background: #FA8C16;
  75. border-radius: 16rpx;
  76. font-size: 28rpx;
  77. font-weight: 600;
  78. color: #FFFFFF;
  79. margin-top: 10rpx;
  80. }
  81. }