邃芒智像相册
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.
 
 

187 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. }
  97. .goLogin {
  98. font-size: 32rpx;
  99. text-align: center;
  100. font-weight: 600;
  101. color: #ff4f00;
  102. text-decoration: underline;
  103. margin-top: 40rpx;
  104. }
  105. }
  106. .outSide {
  107. position: fixed;
  108. top: 0;
  109. left: 0;
  110. width: 100%;
  111. height: 100%;
  112. background-color: #00000059;
  113. z-index: -999;
  114. .showPrivacy {
  115. position: fixed;
  116. width: 520rpx;
  117. background-color: #fff;
  118. left: 50%;
  119. top: 50%;
  120. transform: translate(-50%, -50%);
  121. padding: 60rpx 40rpx;
  122. border-radius: 20rpx;
  123. box-shadow: #00000047 2px 1px 2px 2px;
  124. .title {
  125. text-align: center;
  126. }
  127. .content {
  128. text-indent: 2em;
  129. margin: 30rpx 0;
  130. }
  131. button {
  132. width: 350rpx;
  133. &.agree {
  134. margin-bottom: 25rpx;
  135. }
  136. &.check {
  137. background-color: #ffffff00;
  138. font-size: 21rpx;
  139. text-decoration: underline;
  140. padding: 0;
  141. &::after {
  142. border: none;
  143. }
  144. }
  145. }
  146. .delete {
  147. position: absolute;
  148. top: 15rpx;
  149. right: 15rpx;
  150. width: 65rpx;
  151. height: 65rpx;
  152. }
  153. }
  154. }
  155. }