confirm.wxss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. .confirm-page{
  2. text-align: center;
  3. padding:68rpx 0 40rpx;
  4. color:#2A2A2A;
  5. }
  6. .confirm-text{
  7. font-size: 40rpx;
  8. margin:0 0 78rpx;
  9. }
  10. .user-avatar{
  11. width:310rpx;
  12. height: 310rpx;
  13. border-radius:310rpx;
  14. margin:0 auto;
  15. }
  16. .recommend-title{
  17. font-size: 32rpx;
  18. margin:50rpx 0 20rpx;
  19. }
  20. .recommend-name{
  21. color:#09AFFF;
  22. font-size: 40rpx;
  23. font-weight: bold;
  24. margin:0 0 70rpx;
  25. }
  26. .confirm-correct{
  27. background:url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/correct-btn.png') no-repeat center;
  28. background-size: 100%;
  29. width:358rpx;
  30. height: 94rpx;
  31. margin:0 auto;
  32. color:#fff;
  33. font-size: 34rpx;
  34. line-height:94rpx;
  35. text-align: center;
  36. }
  37. .confirm-correct::after{
  38. border:none;
  39. }
  40. .error-info{
  41. background:url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/error-btn.png') no-repeat center;
  42. background-size: 100%;
  43. width:358rpx;
  44. height: 94rpx;
  45. margin:24rpx auto 200rpx;
  46. color:#2A2A2A;
  47. font-size: 34rpx;
  48. line-height:94rpx;
  49. text-align: center;
  50. }
  51. .bottom-tips{
  52. line-height: 36rpx;
  53. font-size: 24rpx;
  54. color:#2A2A2A;
  55. padding:0 46rpx;
  56. text-align: left;
  57. }
  58. .tip-image{
  59. width:30rpx;
  60. height: 30rpx;
  61. padding-top:8rpx;
  62. }
  63. /* .confirm-page .van-button--danger{
  64. width:144rpx;
  65. background:#09afff;
  66. height: 52rpx;
  67. font-size: 24rpx;
  68. }
  69. .confirm-page .van-button__text{
  70. color:#fff;
  71. } */
  72. .confirm-page .van-dialog{
  73. border-radius: 8rpx;
  74. overflow:auto;
  75. }
  76. .input-tips{
  77. margin:80rpx 0 20rpx;
  78. }
  79. .code-input{
  80. border:2rpx solid #DCDCDC;
  81. width:400rpx;
  82. margin:0 auto;
  83. height: 68rpx;
  84. }
  85. .close-icon{
  86. width:60rpx;
  87. height: 60rpx;
  88. position: absolute;
  89. top:-30rpx;
  90. right:-30rpx;
  91. }
  92. .dialog-wrapper {
  93. display: flex;
  94. align-items: center;
  95. justify-content: center;
  96. height: 100%;
  97. }
  98. .dialog-block {
  99. width: 486rpx;
  100. border-radius:10rpx;
  101. background-color: #fff;
  102. position: relative;
  103. padding-bottom:40rpx;
  104. font-size: 24rpx;
  105. }
  106. .confirm-input{
  107. height: 52rpx;
  108. width:144rpx;
  109. text-align: center;
  110. line-height: 52rpx;
  111. background: #09afff;
  112. color:#fff;
  113. border-radius:52rpx;
  114. margin:48rpx auto 0;
  115. }