.margin { background: #f5f5f5; height: 20rpx; } .user{ background: #f5f5f5; min-height: 100vh; } .user-title { height: 186rpx; padding: 30rpx; display: flex; flex-direction: row; box-sizing: border-box; background: #FFFFFF; } .user-avatar { padding-right: 30rpx; width: 126rpx; height: 126rpx; } .user-avatar image { width: 100%; height: 100%; border-radius: 100%; } .user-phone { display: flex; justify-content: center; align-items: center; font-family: PingFangSC-Regular; font-size: 30rpx; color: #000000; letter-spacing: 0.64rpx; } .user-btns{ background: #FFFFFF; } .user-btns .user-btn { display: flex; height: 88rpx; font-size: 30rpx; color: #000000; line-height: 88rpx; } .user-btns .user-btn>view { flex: 1; padding: 0 32px; } .user-btns .user-btn>view:last-child { text-align: right; color: #B8B8B8; font-size: 24rpx; } .user-btns .user-btn>view:last-child .iconfont { color: #A8A8A8; font-size: 75rpx; } .user-out-btn { background-color: #fff; height: 88rpx; line-height: 88rpx; font-family: PingFangSC-Semibold; font-size: 30rpx; color: #000000; text-align: center; border-radius:0; border: none; } .user-out-btn.button-hover{ background-color: rgba(237, 237, 237, 1); } .user-out-btn::after{ opacity: 0; }