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; .getUserinfo { background-color: #ffffff00; &::after { border: none; } } .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; } } } }