post_result.scss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. page{
  2. background-color: #ffffff;
  3. }
  4. .post_result_container{
  5. display: flex;
  6. flex-direction: column;
  7. align-items: center;
  8. padding-top: 304px;
  9. height: 100vh;
  10. box-sizing: border-box;
  11. }
  12. .post_result_header{
  13. display: flex;
  14. flex-direction: column;
  15. align-items: center;
  16. }
  17. .result_icon_bg{
  18. width: 108px;
  19. height: 108px;
  20. position: relative;
  21. border-radius: 54px;
  22. display: flex;
  23. align-items: center;
  24. justify-content: center;
  25. }
  26. .result_icon_small{
  27. position: absolute;
  28. right: 0;
  29. bottom: 0;
  30. width: 40px;
  31. height: 40px;
  32. border-radius: 20px;
  33. display: flex;
  34. align-items: center;
  35. justify-content: center;
  36. }
  37. .result_next{
  38. margin-top: 48px;
  39. display: flex;
  40. flex-direction: column;
  41. }
  42. .result_top_line{
  43. background-color: #b2b2b2;
  44. height: 2px;
  45. transform: scaleY(0.5);
  46. width: 400px;
  47. margin-bottom: 48px;
  48. opacity: 0.4;
  49. }
  50. .next_target{
  51. display: flex;
  52. height: 72px;
  53. }
  54. .result_footer{
  55. height: 348px;
  56. display: flex;
  57. flex-direction: column;
  58. align-items: center;
  59. padding-top: 40px;
  60. box-sizing: border-box;
  61. }
  62. .setting_item{
  63. display: flex;
  64. flex-direction: row;
  65. align-items: center;
  66. box-sizing: border-box;
  67. padding-left: 52px;
  68. padding-top: 40px;
  69. padding-bottom: 57px;
  70. }
  71. .share_btn_bg2 {
  72. position: relative;
  73. width: 400px;
  74. height: 72px;
  75. // margin-left: 172px;
  76. }
  77. .share_icon_bg2 {
  78. width: 400px;
  79. height: 72px;
  80. display: flex;
  81. align-items: center;
  82. justify-content: center;
  83. }
  84. .share_btn2 {
  85. position: absolute;
  86. opacity: 0;
  87. left: 0;
  88. top: 0;
  89. right: 0;
  90. bottom: 0;
  91. }