customerCheck.wxss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. page {
  2. background: #fff;
  3. color: #333;
  4. box-sizing: border-box;
  5. width:750rpx;
  6. padding-bottom:500rpx;
  7. }
  8. view,text{
  9. box-sizing: border-box;
  10. }
  11. .container{
  12. padding:20rpx;
  13. background: #fff;
  14. }
  15. .arrow-back{
  16. width:100rpx;
  17. height:100rpx;
  18. /* margin-bottom:102rpx; */
  19. }
  20. .customer-title,.customer-tips{
  21. height:56rpx;
  22. line-height: 100rpx;
  23. text-align: center;
  24. }
  25. .customer-btn{
  26. width: 522rpx;
  27. height: 94rpx;
  28. background: #32C5FF;
  29. border-radius: 94rpx;
  30. opacity: 0.21;
  31. margin:-82rpx 94rpx 50rpx;
  32. }
  33. .code-wrapper{
  34. width: 320rpx;
  35. height: 320rpx;
  36. padding: 12rpx;
  37. margin: 0 182rpx 50rpx;
  38. background: #32C5FF;
  39. }
  40. .code-wrapper image{
  41. width: 300rpx;
  42. height: 300rpx;
  43. background: #fff;
  44. }
  45. .service-tips{
  46. font-size: 24rpx;
  47. color: #333333;
  48. line-height: 40rpx;
  49. width:578rpx;
  50. margin:0 auto;
  51. }
  52. .btn-wrapper{
  53. position: fixed;
  54. bottom:0;
  55. left:0;
  56. right:0;
  57. padding-bottom: constant(safe-area-inset-bottom);
  58. padding-bottom: env(safe-area-inset-bottom);
  59. }
  60. .send-btn{
  61. width:710rpx;
  62. height: 114rpx;
  63. background: #19C1FF;
  64. border-radius: 114rpx;
  65. text-align: center;
  66. margin:0 20rpx 24rpx;
  67. display: flex;
  68. flex-direction: column;
  69. align-items: center;
  70. justify-content: center;
  71. }
  72. .check-btn{
  73. width:710rpx;
  74. height: 114rpx;
  75. background: #FA6400;
  76. border-radius: 114rpx;
  77. text-align: center;
  78. margin:0 20rpx 24rpx;
  79. display: flex;
  80. flex-direction: column;
  81. align-items: center;
  82. justify-content: center;
  83. }
  84. .check-btn view, .send-btn view{
  85. font-size: 34rpx;
  86. color: #FFFFFF;
  87. line-height: 48rpx;
  88. }