邃芒智像相册
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

192 lines
3.1 KiB

  1. page {
  2. background-color: #333333;
  3. }
  4. .pages {
  5. padding: 0 0 25rpx 0;
  6. .glass {
  7. position: fixed;
  8. width: 100vw;
  9. height: 100vh;
  10. z-index: -9;
  11. image {
  12. width: 100vw;
  13. height: 100vh;
  14. filter: blur(20rpx);
  15. }
  16. }
  17. .content {
  18. position: fixed;
  19. width: 100vw;
  20. height: 100vh;
  21. background-color: #333333a6;
  22. padding-top: 60rpx;
  23. z-index: -8;
  24. .getUserinfo {
  25. background-color: #ffffff00;
  26. &::after {
  27. border: none;
  28. }
  29. }
  30. .avatar {
  31. width: 220rpx;
  32. height: 220rpx;
  33. border-radius: 25%;
  34. overflow: hidden;
  35. margin: auto;
  36. image {
  37. width: 100%;
  38. height: 100%;
  39. }
  40. }
  41. .nickname {
  42. font-size: 32rpx;
  43. margin-top: 25rpx;
  44. color: #ffffff;
  45. text-align: center;
  46. }
  47. .tab {
  48. width: 200rpx;
  49. height: 70rpx;
  50. line-height: 70rpx;
  51. text-align: center;
  52. color: #ffffff;
  53. background-color: #ff4f00;
  54. margin: 50rpx auto;
  55. border-radius: 15rpx;
  56. }
  57. .scrollView {
  58. width: 100%;
  59. height: 900rpx;
  60. z-index: 1;
  61. .item {
  62. width: 92%;
  63. height: 280rpx;
  64. // background-color: grey;
  65. margin: 30rpx auto;
  66. .top {
  67. display: flex;
  68. justify-content: space-between;
  69. .modelName {
  70. font-size: 32rpx;
  71. color: #ffffff;
  72. }
  73. .date {
  74. color: #ffffff;
  75. }
  76. .more {
  77. position: relative;
  78. left: 20rpx;
  79. width: 40rpx;
  80. height: 40rpx;
  81. image {
  82. width: 12rpx;
  83. }
  84. }
  85. }
  86. .photoList {
  87. display: flex;
  88. justify-content: space-between;
  89. margin-top: 20rpx;
  90. image {
  91. width: 150rpx;
  92. border-radius: 10%;
  93. }
  94. }
  95. }
  96. .placeHolder {
  97. height: 200rpx;
  98. }
  99. }
  100. .goLogin {
  101. font-size: 32rpx;
  102. text-align: center;
  103. font-weight: 600;
  104. color: #ff4f00;
  105. text-decoration: underline;
  106. margin: 40rpx 0;
  107. }
  108. }
  109. .outSide {
  110. position: fixed;
  111. top: 0;
  112. left: 0;
  113. width: 100%;
  114. height: 100%;
  115. background-color: #00000059;
  116. z-index: -999;
  117. .showPrivacy {
  118. position: fixed;
  119. width: 520rpx;
  120. background-color: #fff;
  121. left: 50%;
  122. top: 50%;
  123. transform: translate(-50%, -50%);
  124. padding: 60rpx 40rpx;
  125. border-radius: 20rpx;
  126. box-shadow: #00000047 2px 1px 2px 2px;
  127. .title {
  128. text-align: center;
  129. }
  130. .content {
  131. text-indent: 2em;
  132. margin: 30rpx 0;
  133. }
  134. button {
  135. width: 350rpx;
  136. &.agree {
  137. margin-bottom: 25rpx;
  138. }
  139. &.check {
  140. background-color: #ffffff00;
  141. font-size: 21rpx;
  142. text-decoration: underline;
  143. padding: 0;
  144. &::after {
  145. border: none;
  146. }
  147. }
  148. }
  149. .delete {
  150. position: absolute;
  151. top: 15rpx;
  152. right: 15rpx;
  153. width: 65rpx;
  154. height: 65rpx;
  155. }
  156. }
  157. }
  158. }