加油站付款小程序,打印小票
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

75 lines
1.4 KiB

9 months ago
  1. .payment.data-v-eade9ab2 {
  2. height: 100vh;
  3. background: #F1F5F8;
  4. width: 750rpx;
  5. margin: 0 auto;
  6. }
  7. .container.data-v-eade9ab2 {
  8. width: 96%;
  9. margin: 0rpx auto;
  10. border-radius: 20rpx;
  11. box-sizing: border-box;
  12. padding: 20rpx;
  13. overflow: hidden;
  14. background: white;
  15. margin-top: 20rpx;
  16. }
  17. .money-input.data-v-eade9ab2 {
  18. display: flex;
  19. align-items: center;
  20. background: #F6F7FB;
  21. padding: 30rpx 10rpx;
  22. border-radius: 20rpx;
  23. }
  24. .tip.data-v-eade9ab2 {
  25. color: #00aaff;
  26. margin-top: 10rpx;
  27. }
  28. .money-input image.data-v-eade9ab2 {
  29. width: 45rpx;
  30. }
  31. .money-input input.data-v-eade9ab2 {
  32. font-size: 36rpx;
  33. }
  34. .select-money.data-v-eade9ab2 {
  35. display: flex;
  36. justify-content: space-between;
  37. flex-wrap: wrap;
  38. margin: 30rpx 0rpx;
  39. }
  40. .select-money .money-item.data-v-eade9ab2 {
  41. width: 32.33%;
  42. background: #F1F5F8;
  43. border-radius: 20rpx;
  44. margin-bottom: 20rpx;
  45. overflow: hidden;
  46. }
  47. .select-money .money.data-v-eade9ab2 {
  48. display: flex;
  49. align-items: center;
  50. justify-content: center;
  51. padding: 30rpx 0rpx;
  52. box-sizing: border-box;
  53. color: #5D5C61;
  54. }
  55. .select-money .active-money.data-v-eade9ab2 {
  56. background: #00aaff;
  57. color: white;
  58. }
  59. .select-money .unit.data-v-eade9ab2 {
  60. font-size: 26rpx;
  61. }
  62. .select-money .number.data-v-eade9ab2 {
  63. font-size: 34rpx;
  64. }
  65. .sumit.data-v-eade9ab2 {
  66. background: #33a5fc;
  67. color: white;
  68. font-size: 36rpx;
  69. display: flex;
  70. align-items: center;
  71. justify-content: center;
  72. height: 80rpx;
  73. border-radius: 20rpx;
  74. }