style.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. @import "../../style/common";
  2. .fill-code{
  3. width: 520upx;
  4. border-radius: 15upx;
  5. background-color: #fff;
  6. flex-shrink: 0;
  7. }
  8. .fill-code-icon-container{
  9. width: 100%;
  10. height: 194upx;
  11. }
  12. .fill-code-icon{
  13. width: 520upx;
  14. height: 242upx;
  15. }
  16. .fill-code-input-container{
  17. background-color: #eee;
  18. border-radius: 10upx;
  19. width: 410upx;
  20. height: 77upx;
  21. margin: 55upx 0;
  22. padding: 0 30upx;
  23. }
  24. .fill-code-screen{
  25. top: 0;
  26. left: 0;
  27. right: 0;
  28. bottom: 0;
  29. color: #fff;
  30. padding: 0 35upx;
  31. }
  32. .fill-code-title{
  33. font-size: 36upx;
  34. line-height: 40upx;
  35. font-weight: bold;
  36. margin-top: 50upx;
  37. }
  38. .fill-code-info{
  39. font-size: 20upx;
  40. line-height: 30upx;
  41. margin-top: 15upx;
  42. }
  43. .fill-code-input{
  44. text-align: center;
  45. font-size: 30upx;
  46. color: #333;
  47. }
  48. .fill-code-input-placeholder{
  49. color: #999;
  50. }
  51. .fill-code-button{
  52. background-color: #41AE3C;
  53. margin-bottom: 50upx;
  54. width: 317upx;
  55. height: 70upx;
  56. border-radius: 35upx;
  57. font-size: 28upx;
  58. color: #fff;
  59. font-family: Source Han Sans CN;
  60. line-height: 34upx;
  61. }
  62. .fill-code-close{
  63. width: 70upx;
  64. height: 70upx;
  65. margin-top: 30upx;
  66. border-radius: 50%;
  67. border: 3upx solid #fff;
  68. }
  69. .fill-code-close-icon{
  70. font-size: 34upx;
  71. color: #fff;
  72. font-weight: bold;
  73. }