index.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. /**index.wxss**/
  2. .wrap{
  3. width: 750rpx;
  4. min-height: 100vh;
  5. background: #f6f6f6;
  6. }
  7. .wrap_nr{
  8. padding: 14rpx 30rpx 0;
  9. }
  10. .wrap_t{
  11. width: 690rpx;
  12. height: 225rpx;
  13. font-size: 30rpx;
  14. color: #000000;
  15. /* padding-left: 60rpx; */
  16. background-repeat: no-repeat;
  17. background-size: 690rpx 225rpx;
  18. display: flex;
  19. /* flex-direction: column; */
  20. align-items: center;
  21. justify-content: center;
  22. }
  23. .wrap_t .total_price{
  24. /* margin-top: 30rpx; */
  25. font-size: 48rpx;
  26. font-weight: 500;
  27. margin-left: 30rpx;
  28. }
  29. .wrap_t .total_price .unit{
  30. font-size: 30rpx;
  31. }
  32. .wrap_b{
  33. /* background: #FFFFFF; */
  34. margin-top: 24rpx;
  35. border-radius: 5rpx;
  36. }
  37. .card_top{
  38. display: flex;
  39. flex-direction: column;
  40. align-items: center;
  41. }
  42. .card_top .line_tu{
  43. width: 690rpx;
  44. height: 30rpx;
  45. }
  46. .wrap_b_t{
  47. width: 100%;
  48. padding: 30rpx 30rpx 10rpx;
  49. background: #FFFFFF;
  50. display: flex;
  51. align-items: center;
  52. justify-content: space-between;
  53. }
  54. .wrap_b_t .wrap_b_t_l{
  55. display: flex;
  56. align-items: center;
  57. }
  58. .wrap_b_t .item_icon{
  59. width: 48rpx;
  60. height: 36rpx;
  61. }
  62. .wrap_b_t .item_name{
  63. font-size: 30rpx;
  64. color: #000000;
  65. padding-left: 20rpx;
  66. }
  67. .wrap_b_t .wrap_b_t_r{
  68. font-size: 24rpx;
  69. color: rgba(0,0,0,.87);
  70. }
  71. .card_list{
  72. background: #FFFFFF;
  73. padding: 0 30rpx 10rpx;
  74. }
  75. .btn_wrap{
  76. margin-top: 90rpx;
  77. }
  78. .btn_wrap .btn{
  79. width: 405rpx;
  80. height: 98rpx;
  81. margin: 0 auto;
  82. background: #D54C43;
  83. border-radius: 10rpx;
  84. font-size: 28rpx;
  85. color: #FFFEFE;
  86. display: flex;
  87. align-items: center;
  88. justify-content: center;
  89. }