zdxiangqing.wxss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. .container4 {
  2. padding: 30rpx;
  3. background-color: #F5F5F5;
  4. min-height: 100vh;
  5. display: flex;
  6. flex-direction: column;
  7. box-sizing: border-box;
  8. padding-top: 230rpx;
  9. }
  10. .custom-nav {
  11. position: fixed;
  12. top: 0;
  13. left: 0;
  14. right: 0;
  15. height: 88rpx;
  16. background-color: rgba(46, 130, 255, 1);
  17. display: flex;
  18. align-items: center;
  19. padding-top: 110rpx;
  20. z-index: 1000;
  21. }
  22. /* 固定返回按钮样式 */
  23. .fixed-back {
  24. position: fixed;
  25. top: 50rpx;
  26. left: 30rpx;
  27. z-index: 999;
  28. border-radius: 50%;
  29. width: 50rpx;
  30. height: 200rpx;
  31. display: flex;
  32. align-items: center;
  33. color: rgba(255, 255, 255, 1);
  34. }
  35. .nav-title {
  36. flex: 1;
  37. text-align: center;
  38. font-size: 34rpx;
  39. color: #fff;
  40. }
  41. .bill-detail-card {
  42. background-color: white;
  43. border-radius: 20rpx;
  44. margin: 10rpx;
  45. padding: 30rpx;
  46. box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
  47. }
  48. .bill-date-row, .bill-row {
  49. display: flex;
  50. justify-content: space-between;
  51. padding: 20rpx 0;
  52. font-size: 28rpx;
  53. color: #333;
  54. }
  55. .divider {
  56. height: 1rpx;
  57. background-color: #eee;
  58. margin: 20rpx 0;
  59. }
  60. /* .total {
  61. font-weight: bold;
  62. font-size: 32rpx;
  63. color: #0080ff;
  64. } */
  65. .bill-card {
  66. background: #fff;
  67. border-radius: 16rpx;
  68. margin: 0rpx 2rpx 20rpx 2rpx;
  69. padding: 30rpx 30rpx 30rpx 30rpx;
  70. background: rgba(255, 255, 255, 1);
  71. }
  72. .bill-row {
  73. display: flex;
  74. justify-content: space-between;
  75. align-items: center;
  76. padding: 16rpx 0;
  77. }
  78. .divider {
  79. height: 2rpx;
  80. background: #e5e5e5;
  81. margin: 16rpx 0;
  82. }
  83. .total {
  84. font-weight: bold;
  85. font-size: 32rpx;
  86. }