|
- page {
- background-color: #333333;
- }
-
- .pages {
- padding: 0 0 25rpx 0;
-
- .glass {
- position: fixed;
- width: 100vw;
- height: 100vh;
- z-index: -9;
-
- image {
- width: 100vw;
- height: 100vh;
- filter: blur(20rpx);
- }
- }
-
- .content {
- position: fixed;
- width: 100vw;
- height: 100vh;
- background-color: #333333a6;
- padding-top: 60rpx;
- z-index: -8;
-
- .avatar {
- width: 220rpx;
- height: 220rpx;
- border-radius: 25%;
- overflow: hidden;
- margin: auto;
-
- image {
- width: 100%;
- height: 100%;
- }
- }
-
- .nickname {
- font-size: 32rpx;
- margin-top: 25rpx;
- color: #ffffff;
- text-align: center;
- }
-
- .tab {
- width: 200rpx;
- height: 70rpx;
- line-height: 70rpx;
- text-align: center;
- color: #ffffff;
- background-color: #ff4f00;
- margin: 50rpx auto;
- border-radius: 15rpx;
- }
-
- .scrollView {
- width: 100%;
- height: 900rpx;
- z-index: 1;
-
- .item {
- width: 92%;
- height: 280rpx;
- // background-color: grey;
- margin: 30rpx auto;
-
- .top {
- display: flex;
- justify-content: space-between;
-
- .modelName {
- font-size: 32rpx;
- color: #ffffff;
- }
-
- .date {
- color: #ffffff;
- }
-
- .more {
- position: relative;
- left: 20rpx;
- width: 40rpx;
- height: 40rpx;
-
- image {
- width: 12rpx;
- }
- }
- }
-
- .photoList {
- display: flex;
- justify-content: space-between;
- margin-top: 20rpx;
-
- image {
- width: 150rpx;
- border-radius: 10%;
- }
- }
- }
- }
-
- .goLogin {
- font-size: 32rpx;
- text-align: center;
- font-weight: 600;
- color: #ff4f00;
- text-decoration: underline;
- margin-top: 40rpx;
- }
- }
-
- .outSide {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-color: #00000059;
- z-index: -999;
-
- .showPrivacy {
- position: fixed;
- width: 520rpx;
- background-color: #fff;
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
- padding: 60rpx 40rpx;
- border-radius: 20rpx;
- box-shadow: #00000047 2px 1px 2px 2px;
-
- .title {
- text-align: center;
- }
-
- .content {
- text-indent: 2em;
- margin: 30rpx 0;
- }
-
- button {
- width: 350rpx;
-
- &.agree {
- margin-bottom: 25rpx;
- }
-
- &.check {
- background-color: #ffffff00;
- font-size: 21rpx;
- text-decoration: underline;
- padding: 0;
-
- &::after {
- border: none;
- }
- }
-
- }
-
-
- .delete {
- position: absolute;
- top: 15rpx;
- right: 15rpx;
- width: 65rpx;
- height: 65rpx;
- }
- }
-
- }
- }
|