index.less 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. .mine {
  2. width: 100vw;
  3. position: relative;
  4. .content {
  5. padding: 40px;
  6. margin-top: 60px;
  7. .title {
  8. font-size: 28px;
  9. margin-bottom: 30px;
  10. }
  11. .code{
  12. text-align: center;
  13. font-size: 48px;
  14. }
  15. .search {
  16. // width: 100%;
  17. display: flex;
  18. padding: 0 20px;
  19. height: 70px;
  20. align-items: center;
  21. background: #EAEAEF;
  22. border-radius: 10px;
  23. .search-img {
  24. width: 36px;
  25. height: 36px;
  26. display: flex;
  27. }
  28. .search-input {
  29. margin-left: 6px;
  30. flex: 1;
  31. font-size: 24px;
  32. font-family: PingFang SC;
  33. font-weight: bold;
  34. color: rgba(0, 0, 0, 0.4);
  35. line-height: 82px;
  36. }
  37. }
  38. .console{
  39. width: 100%;
  40. display: flex;
  41. justify-content: center;
  42. align-items: center;
  43. .console-button{
  44. margin-top: 80px;
  45. width: 70%;
  46. height: 60px;
  47. border-radius: 60px;
  48. line-height: 60px;
  49. background: firebrick;
  50. color: #EAEAEF;
  51. font-size: 28px;
  52. text-align: center;
  53. }
  54. }
  55. .user-info{
  56. margin-top: 40px;
  57. padding: 40px;
  58. background: #e3e3e979;
  59. font-size: 28px;
  60. .identity{
  61. }
  62. .status{
  63. margin-top: 10px;
  64. }
  65. }
  66. }
  67. }