index.wxss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. .top {
  2. display: flex;
  3. flex-direction: column;
  4. justify-items: center;
  5. text-align: center;
  6. margin-bottom: 120rpx;
  7. }
  8. .address {
  9. padding: 40rpx 30rpx 30rpx 30rpx;
  10. border-bottom: 5px solid #FBFBFB;
  11. }
  12. .tips {
  13. color: #ccc;
  14. font-size: 30rpx;
  15. }
  16. .nxh__button {
  17. background: #fff;
  18. border:1rpx solid #539804;
  19. color: #539804;
  20. margin-top: 6rpx;
  21. font-size: 30rpx;
  22. width: 300rpx;
  23. }
  24. .order {
  25. padding: 40rpx 50rpx 30rpx 50rpx;
  26. border-bottom: 1px solid #FBFBFB;
  27. }
  28. .order .title {
  29. display: flex;
  30. justify-content: left;
  31. font-size: 35rpx;
  32. margin-bottom: 25rpx;
  33. }
  34. .order .oper {
  35. display: flex;
  36. flex-direction: row;
  37. justify-content: space-between;
  38. }
  39. .order .price {
  40. color: #666666;
  41. font-size: 35rpx;
  42. }
  43. .order .edit-num {
  44. display: flex;
  45. flex-direction: row;
  46. align-items: center;
  47. }
  48. .edit-num .num {
  49. margin: 0 15rpx 0 15rpx;
  50. font-size: 30rpx;
  51. }
  52. .edit-num .sub, .edit-num .add {
  53. width: 45rpx;
  54. height: 45rpx;
  55. }
  56. .bottom {
  57. width: 750rpx;
  58. height: 119rpx;
  59. position: fixed;
  60. bottom: 0;
  61. display: flex;
  62. flex-direction: row;
  63. }
  64. .bottom .left {
  65. background: #434343;
  66. color: #fff;
  67. display: flex;
  68. flex-grow: 1;
  69. align-items: center;
  70. padding-left: 50rpx;
  71. font-size: 35rpx;
  72. }
  73. .bottom .right {
  74. background: #539804;
  75. color: #fff;
  76. width: 250rpx;
  77. display: flex;
  78. font-size: 35rpx;
  79. align-items: center;
  80. justify-content: center;
  81. }