main.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. .content {
  2. display: flex;
  3. flex-direction: column;
  4. justify-content:center;
  5. /* margin-top: 128upx; */
  6. }
  7. /* 头部 logo */
  8. .header {
  9. width:80px;
  10. height:80px;
  11. box-shadow:0upx 0upx 60upx 0upx rgba(0,0,0,0.1);
  12. border-radius:8px;
  13. background-color: #fff;
  14. margin-top: 84px;
  15. margin-bottom: 36px;
  16. margin-left: auto;
  17. margin-right: auto;
  18. padding: 5px;
  19. text-align: center;
  20. }
  21. .header image{
  22. width:70px;
  23. height:70px;
  24. border-radius:50%;
  25. }
  26. /* 主体 */
  27. .main {
  28. display: flex;
  29. flex-direction: column;
  30. padding-left: 70upx;
  31. padding-right: 70upx;
  32. }
  33. .tips {
  34. color: #999999;
  35. font-size: 28upx;
  36. margin-top: 64upx;
  37. margin-left: 48upx;
  38. }
  39. /* 其他登录方式 */
  40. .other_login{
  41. display: flex;
  42. flex-direction: row;
  43. justify-content: center;
  44. align-items: center;
  45. margin-top: 256upx;
  46. text-align: center;
  47. }
  48. .login_icon{
  49. border: none;
  50. font-size: 64upx;
  51. margin: 0 64upx 0 64upx;
  52. color: rgba(0,0,0,0.7)
  53. }
  54. .wechat_color{
  55. color: #83DC42;
  56. }
  57. .weibo_color{
  58. color: #F9221D;
  59. }
  60. .github_color{
  61. color: #24292E;
  62. }
  63. /* 底部 */
  64. .footer{
  65. display: flex;
  66. flex-direction: row;
  67. justify-content: center;
  68. align-items: center;
  69. font-size: 28upx;
  70. margin-top: 64upx;
  71. color: rgba(0,0,0,0.7);
  72. text-align: center;
  73. height: 40upx;
  74. line-height: 40upx;
  75. }
  76. .footer text{
  77. font-size: 24upx;
  78. margin-left: 15upx;
  79. margin-right: 15upx;
  80. }
  81. .contentInRowS{
  82. display: flex;
  83. flex-direction: row;
  84. align-items: center;
  85. justify-content: space-between;
  86. }
  87. .contentInRowL{
  88. display: flex;
  89. flex-direction: row;
  90. align-items: center;
  91. justify-content:flex-start;
  92. }
  93. .contentInRowC{
  94. display: flex;
  95. flex-direction: row;
  96. align-items: center;
  97. justify-content:center;
  98. }
  99. .contentIncolumn{
  100. display: flex;
  101. flex-direction: column;
  102. align-items: center;
  103. justify-content:flex-start;
  104. }
  105. .contentIncolumnC{
  106. display: flex;
  107. flex-direction: column;
  108. align-items: center;
  109. justify-content:center;
  110. }
  111. .allViewBG{
  112. width: 100%;
  113. height:100%;
  114. background-image: url("/static/allvBG.png");
  115. /* background-image: url("/static/images/wodetop.jpg"); */
  116. background-size: cover;
  117. background-position: center bottom;
  118. }
  119. .loginV{
  120. width: 100%;
  121. height:100%;
  122. background-image: url("/static/mine/loginBG.png");
  123. /* background-image: url("/static/images/wodetop.jpg"); */
  124. background-size: cover;
  125. background-position: center bottom;
  126. }
  127. .appName{
  128. margin-top: 30upx;
  129. font-size: 36upx;
  130. font-weight: bold;
  131. font-language-override: 'DOUYUFont-Regular';
  132. }
  133. .barTitle{
  134. letter-spacing: 4rpx;
  135. font-style: italic;
  136. color:black;
  137. font-weight: bold;
  138. }
  139. .topLine{
  140. border: solid lightgray;
  141. border-width: 1px 1px 0rpx 1px;
  142. }
  143. .bottomLine{
  144. border: solid lightgray;
  145. border-width: 0px 0px 1rpx 0px;
  146. }