index.wxss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. .top {
  2. display: flex;
  3. flex-direction: column;
  4. justify-items: center;
  5. margin-bottom: 100rpx;
  6. }
  7. .address {
  8. padding: 40rpx 50rpx 30rpx 50rpx;
  9. display: flex;
  10. flex-direction: row;
  11. align-items: center;
  12. }
  13. .address_line {
  14. height: 15rpx;
  15. background: #f2f2f2;
  16. }
  17. .address .left {
  18. width: 50rpx;
  19. height: 50rpx;
  20. }
  21. .address .center{
  22. display: flex;
  23. flex-direction: column;
  24. flex-grow: 1;
  25. padding: 0 20rpx 0 20rpx;
  26. }
  27. .address .center text {
  28. display: flex;
  29. justify-content: left;
  30. flex-wrap: wrap;
  31. }
  32. .address .right{
  33. width: 50rpx;
  34. height: 50rpx;
  35. }
  36. .tips {
  37. flex-grow: 1;
  38. padding-left: 20rpx;
  39. }
  40. .tips text {
  41. display: flex;
  42. justify-content: left;
  43. color: #707070;
  44. font-size: 35rpx;
  45. }
  46. .order .split_line {
  47. margin:0 20rpx 0 30rpx;
  48. border-bottom: 1px solid #E5E5E5;
  49. }
  50. .order .title {
  51. display: flex;
  52. justify-content: left;
  53. font-size: 35rpx;
  54. margin:40rpx 50rpx 25rpx 50rpx;
  55. }
  56. .order .oper {
  57. display: flex;
  58. flex-direction: row;
  59. justify-content: space-between;
  60. margin: 0 50rpx 25rpx 50rpx;
  61. }
  62. .order .price {
  63. color: #666666;
  64. font-size: 35rpx;
  65. }
  66. .order .edit-num {
  67. display: flex;
  68. flex-direction: row;
  69. align-items: center;
  70. margin: 0 15rpx 0 15rpx;
  71. font-size: 30rpx;
  72. }
  73. .bottom {
  74. width: 750rpx;
  75. height: 100rpx;
  76. position: fixed;
  77. bottom: 0;
  78. display: flex;
  79. flex-direction: row;
  80. }
  81. .bottom .left {
  82. background: #434343;
  83. color: #fff;
  84. display: flex;
  85. flex-grow: 1;
  86. align-items: center;
  87. padding-left: 50rpx;
  88. font-size: 35rpx;
  89. }
  90. .bottom .right {
  91. background: #539804;
  92. color: #fff;
  93. width: 250rpx;
  94. display: flex;
  95. font-size: 35rpx;
  96. align-items: center;
  97. justify-content: center;
  98. }