邃芒智像相册
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
 
 

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