main.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. .content {
  2. display: flex;
  3. flex-direction: column;
  4. justify-content: center;
  5. /* margin-top: 128rpx; */
  6. }
  7. /* 头部 logo */
  8. .header {
  9. width: 161rpx;
  10. height: 161rpx;
  11. box-shadow: 0rpx 0rpx 60rpx 0rpx rgba(0, 0, 0, 0.1);
  12. border-radius: 50%;
  13. background-color: #000000;
  14. margin-top: 128rpx;
  15. margin-bottom: 72rpx;
  16. margin-left: auto;
  17. margin-right: auto;
  18. }
  19. .header_title {
  20. text-align: center;
  21. height: 229px;
  22. font-size: 19px;
  23. display: flex;
  24. justify-content: center;
  25. align-content: center;
  26. align-items: center;
  27. }
  28. .header image {
  29. width: 161rpx;
  30. height: 161rpx;
  31. border-radius: 50%;
  32. }
  33. .vuew_ipun {
  34. border: none;
  35. border-radius: 2.5rem;
  36. -webkit-box-shadow: 0 0 30px 0 rgb(43 86 112 / 10%);
  37. box-shadow: 0 0 30px 0 rgb(43 86 112 / 10%);
  38. display: flex;
  39. flex-direction: row;
  40. justify-content: space-between;
  41. align-items: center;
  42. color: #333333;
  43. padding: 20px 16px;
  44. margin: 16px 0;
  45. }
  46. /* 主体 */
  47. .main {
  48. display: flex;
  49. flex-direction: column;
  50. padding-left: 70rpx;
  51. padding-right: 70rpx;
  52. }
  53. .tips {
  54. color: #999999;
  55. font-size: 28rpx;
  56. margin-top: 64rpx;
  57. margin-left: 48rpx;
  58. }
  59. /* 登录按钮 */
  60. .wbutton {
  61. margin-top: 96rpx;
  62. }
  63. /* 其他登录方式 */
  64. .other_login {
  65. display: flex;
  66. flex-direction: row;
  67. justify-content: center;
  68. align-items: center;
  69. /* margin-top: 256rpx; */
  70. text-align: center;
  71. }
  72. .login_icon {
  73. border: none;
  74. font-size: 64rpx;
  75. margin: 0 64rpx 0 64rpx;
  76. color: rgba(0, 0, 0, 0.7);
  77. }
  78. .wechat_color {
  79. color: #83dc42;
  80. }
  81. .weibo_color {
  82. color: #f9221d;
  83. }
  84. .github_color {
  85. color: #24292e;
  86. }
  87. /* 底部 */
  88. .footer {
  89. display: flex;
  90. flex-direction: row;
  91. justify-content: center;
  92. align-items: center;
  93. font-size: 28rpx;
  94. margin-top: 74rpx;
  95. color: rgba(0, 0, 0, 0.7);
  96. text-align: center;
  97. height: 40rpx;
  98. line-height: 40rpx;
  99. /* position: absolute; */
  100. bottom: 31px;
  101. left: 0;
  102. right: 0;
  103. }
  104. .footer text {
  105. font-size: 24rpx;
  106. margin-left: 15rpx;
  107. margin-right: 15rpx;
  108. }