.margin { background: #f8f8f8; height: 20rpx; } .user { background: #f8f8f8; min-height: 100vh; } .user-title { height: 186rpx; padding: 30rpx; display: flex; flex-direction: row; box-sizing: border-box; background: #fff; } /* .user-avatar { padding-right: 30rpx; width: 126rpx; height: 126rpx; border-radius: 16rpx; overflow: hidden; border: 1px solid red; } */ .user-avatar open-data { display: block; width: 100%; height: 100%; } .user-phone { font-family: PingFangSC-Regular; font-size: 30rpx; height: 120rpx; margin-left: 20rpx; color: #666; letter-spacing: 0.64rpx; line-height: 44rpx; margin-top: 16rpx; } .user-avatar{ display: block; width: 120rpx; height: 120rpx; border-radius:16rpx; overflow: hidden; } .open01 { display: block; width: 120rpx; height: 120rpx; } .user-btns { background: #fff; } .user-btns .user-btn { display: flex; height: 88rpx; font-size: 30rpx; color: #666; line-height: 88rpx; border-bottom: 1rpx solid #eee; } .user-btns .user-btn > view { flex: 1; padding: 0 10px 0 32rpx; } .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: 44rpx; } .user-out-btn { background-color: #fff; height: 88rpx; line-height: 88rpx; font-family: PingFangSC-Semibold; font-size: 30rpx; color: #000; 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; }