Ei kuvausta

paymentResult.css 1.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. /* toast */
  2. .alert-info {
  3. position: fixed;
  4. top: 1.74rem;
  5. right: 0;
  6. left: 0;
  7. bottom: 0;
  8. text-align: center;
  9. z-index: 9;
  10. }
  11. .alert-info p {
  12. display: inline-block;
  13. height: 0.38rem;
  14. color: #fff;
  15. font-size: 0.14rem;
  16. line-height: 0.38rem;
  17. padding: 0 0.10rem;
  18. background-color: rgba(0, 0, 0, 0.7);
  19. border-radius: 5px;
  20. }
  21. .loading {
  22. position: fixed;
  23. top: 0;
  24. left: 0;
  25. display: none;
  26. width: 100%;
  27. height: 100vh;
  28. }
  29. .loading img {
  30. position: absolute;
  31. top: 0;
  32. bottom: 0;
  33. left: 0;
  34. right: 0;
  35. margin: auto;
  36. width: 0.3rem;
  37. height: 0.3rem;
  38. }
  39. /* 支付成功 */
  40. .paymentImg{
  41. width: 1.6rem;margin: 0.55rem auto 0;
  42. }
  43. .hint{
  44. color: #666666;font-size: 0.16rem;line-height: 0.22rem;text-align: center;margin-top:0.41rem;
  45. }
  46. button{
  47. width:1.5rem;
  48. height:0.54rem;
  49. background:linear-gradient(90deg,rgba(6,135,255,1) 0%,rgba(20,82,255,1) 100%);
  50. box-shadow:0px 0.01rem 0.01rem 0px rgba(47,144,255,0.5);
  51. border-radius:0.12rem;
  52. color: #FFFFFF;
  53. font-size: 0.18rem;line-height: 0.54rem;
  54. border: none;
  55. margin:0.5rem auto;
  56. display: block;
  57. }
  58. .paymentSuccess,.paymentFail{
  59. display: none;
  60. }
  61. .paymentFail h3{
  62. text-align: center;
  63. font-weight: bold;
  64. margin-top: 0.3rem;
  65. font-size: 0.16rem;
  66. }
  67. .paymentFail .hint{
  68. margin-top: 0.2rem;
  69. padding: 0 0.2rem;
  70. }