pay.wxss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. /* pages/pay/pay.wxss */
  2. .pay .title {
  3. font-weight: 600;
  4. }
  5. .pay .red {
  6. font-weight: 600;
  7. padding: 20rpx;
  8. color: #f03;
  9. }
  10. .pay .user-address .user-address-h1 {
  11. font-weight: 600;
  12. }
  13. .pay .user-address .user-address-h2 {
  14. max-width: 85vw;
  15. overflow: hidden;
  16. text-overflow: ellipsis;
  17. white-space: nowrap;
  18. }
  19. .pay .pay-list {
  20. margin: 20rpx 0;
  21. }
  22. .pay .pay-list .container {
  23. width: 100vw;
  24. padding: 10rpx 16rpx;
  25. background-color: white;
  26. box-sizing: border-box;
  27. }
  28. .pay .pay-list .container .scroll {
  29. width: 100%;
  30. height: 200rpx;
  31. white-space: nowrap;
  32. }
  33. .pay .pay-list .container .scroll .img {
  34. height: 90%;
  35. display: inline-block;
  36. padding: 10rpx;
  37. }
  38. .pay .pay-setup {
  39. margin: 20rpx 0;
  40. }
  41. .pay .pay-setup .pay-flex {
  42. width: 100%;
  43. display: flex;
  44. justify-content: flex-start;
  45. align-items: flex-start;
  46. }
  47. .pay .pay-type .type {
  48. width: 100%;
  49. display: flex;
  50. justify-content: space-between;
  51. align-items: center;
  52. }
  53. .pay .balance {
  54. padding: 10px 16px;
  55. background-color: #fff;
  56. }
  57. .pay .balance .txt {
  58. color: #f03;
  59. }