book-order.wxss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. @charset "UTF-8";
  2. /**
  3. * 主题色配置
  4. * 默认在 uni.scss 全局引入:@import '@/theme.scss';
  5. * <script> 下使用主题变量:import x from '@/theme.scss';
  6. */
  7. .page {
  8. background-color: #f8f8f8;
  9. font-family: PingFangSC;
  10. }
  11. .safeAreaPad {
  12. padding-bottom: constant(safe-area-inset-bottom);
  13. padding-bottom: env(safe-area-inset-bottom);
  14. box-sizing: content-box;
  15. }
  16. .book-order {
  17. min-height: 100vh;
  18. background: #f5f5f5;
  19. padding: 20rpx 30rpx;
  20. padding-bottom: calc(env(safe-area-inset-bottom) + 190rpx);
  21. }
  22. .section-card {
  23. background: #fff;
  24. margin-bottom: 20rpx;
  25. padding: 30rpx;
  26. border-radius: 10rpx;
  27. box-sizing: border-box;
  28. }
  29. .u-required {
  30. color: #FF0000;
  31. margin-left: 8rpx;
  32. }
  33. .time-card {
  34. height: 80rpx;
  35. background: #F8F8F8;
  36. border-radius: 10rpx;
  37. }
  38. .free-pickup .pickup-title {
  39. font-weight: bold;
  40. font-size: 28rpx;
  41. color: #333333;
  42. margin-bottom: 10rpx;
  43. }
  44. .free-pickup .pickup-desc {
  45. font-family: PingFang SC;
  46. font-weight: 400;
  47. font-size: 28rpx;
  48. color: #999999;
  49. }
  50. .express-desc {
  51. font-size: 24rpx;
  52. color: #666;
  53. line-height: 1.4;
  54. }
  55. .bottom-bar {
  56. position: fixed;
  57. bottom: env(safe-area-inset-bottom);
  58. left: 0;
  59. right: 0;
  60. background: #fff;
  61. padding: 20rpx 30rpx;
  62. }
  63. .bottom-bar .agreement {
  64. font-family: PingFang SC;
  65. font-weight: 500;
  66. font-size: 28rpx;
  67. color: #333333;
  68. }
  69. .bottom-bar .agreement-link {
  70. color: #07c160;
  71. }
  72. .bottom-bar .order-summary {
  73. display: flex;
  74. justify-content: space-between;
  75. align-items: center;
  76. font-family: PingFang SC;
  77. font-weight: 500;
  78. font-size: 28rpx;
  79. color: #999999;
  80. }
  81. .bottom-bar .order-summary .price {
  82. color: #ff0000;
  83. margin: 0 10rpx;
  84. }