1 line
11 KiB
Plaintext
1 line
11 KiB
Plaintext
.component-user-info .layout-1{position:relative;padding-bottom:16rpx}.component-user-info .layout-1 .user-info-content{padding:48rpx 32rpx 32rpx}.component-user-info .layout-1 .user-info-content .content-avatar{width:128rpx;height:128rpx;border-radius:50%;margin-right:48rpx}.component-user-info .layout-1 .user-info-content .content-box{color:#5a5b6e}.component-user-info .layout-1 .user-info-content .content-box .name{font-size:36rpx;font-weight:600;line-height:50rpx}.component-user-info .layout-1 .user-info-content .content-box .phone{font-size:32rpx;line-height:44rpx;margin-top:16rpx;text-align:left}.component-user-info .layout-1 .user-info-login{padding:48rpx 32rpx 32rpx}.component-user-info .layout-1 .user-info-login .login-text{color:#5a5b6e;font-size:36rpx;font-weight:600;height:128rpx;line-height:128rpx}.component-user-info .layout-1 .user-info-member{margin-top:16rpx;position:relative;background:linear-gradient(90deg,#bababa,#fefefe 50.802%,#cecece);min-height:190rpx;padding:32rpx 48rpx;border-radius:10rpx}.component-user-info .layout-1 .user-info-member::after{content:"";display:block;position:absolute;left:16rpx;right:16rpx;bottom:-8rpx;height:128rpx;z-index:-1;border-radius:10rpx;background:#c1c1c1}.component-user-info .layout-1 .user-info-member::before{content:"";display:block;position:absolute;left:32rpx;right:32rpx;bottom:-16rpx;height:128rpx;z-index:-1;border-radius:10rpx;background:#929292}.component-user-info .layout-1 .user-info-member .member-image .image-circular{width:296rpx;height:auto;position:absolute;top:0;left:34rpx;bottom:6rpx;z-index:5}.component-user-info .layout-1 .user-info-member .member-image .image-note{width:156rpx;height:140rpx;position:absolute;top:26rpx;right:36rpx;z-index:5}.component-user-info .layout-1 .user-info-member .member-image .image-auth{position:absolute;top:16rpx;right:80rpx;bottom:0;z-index:5;width:auto}.component-user-info .layout-1 .user-info-member .member-box{position:relative;z-index:8;display:flex;flex-direction:column;align-items:flex-start}.component-user-info .layout-1 .user-info-member .member-box .box-title{color:#5a5b6e}.component-user-info .layout-1 .user-info-member .member-box .box-title .title{font-size:32rpx;font-weight:600;line-height:44rpx}.component-user-info .layout-1 .user-info-member .member-box .box-title .subtitle{font-size:24rpx;line-height:44rpx;margin-left:8rpx}.component-user-info .layout-1 .user-info-member .member-box .box-btn{margin-top:24rpx;padding:12rpx 20rpx;border-radius:8rpx;background:#fff}.component-user-info .layout-1 .user-info-member .member-box .box-btn text{color:#5a5b6e;font-size:24rpx;line-height:34rpx}.component-user-info .layout-1 .user-info-member .member-box .box-btn .icon{margin-left:16rpx;width:24rpx;height:24rpx;background-size:24rpx}.component-user-info .layout-1 .user-info-member .member-box .box-tag{margin-top:24rpx;color:#fff;font-size:24rpx;line-height:34rpx}.component-user-info .layout-1 .user-info-member.state-1{background:linear-gradient(90deg,#325dff,#88c1ff 50.802%,#489fff)}.component-user-info .layout-1 .user-info-member.state-1::after{background:#82acff}.component-user-info .layout-1 .user-info-member.state-1::before{background:#c6e1ff}.component-user-info .layout-1 .user-info-member.state-1 .member-box .box-title{color:#fff}.component-user-info .layout-1 .user-info-member.state-1 .member-box .box-btn text{color:#325dff}.component-user-info .layout-1 .user-info-member.state-2{background:linear-gradient(90deg,#ff9d00,#ff8d4e 50.802%,#ffd9ad)}.component-user-info .layout-1 .user-info-member.state-2::after{background:#ffc66b}.component-user-info .layout-1 .user-info-member.state-2::before{background:#ffe2b4}.component-user-info .layout-1 .user-info-member.state-2 .member-box .box-title{color:#fff}.component-user-info .layout-1 .user-info-member.state-2 .member-box .box-btn text{color:#f39700}.component-user-info .layout-1 .user-info-member.state-3{background:linear-gradient(90deg,#379cfa,#57c3ff 50.802%,#8dc8ff)}.component-user-info .layout-1 .user-info-member.state-3::after{background:#83c3ff}.component-user-info .layout-1 .user-info-member.state-3::before{background:#b4dbff}.component-user-info .layout-1 .user-info-member.state-3 .member-box .box-title{color:#fff}.component-user-info .layout-1 .user-info-member.state-3 .member-box .box-btn text{color:#379cfa}.component-user-info .layout-1 .user-info-member.state-4{background:linear-gradient(90deg,#fa3737,#ff5757 50.802%,#ff8d8d)}.component-user-info .layout-1 .user-info-member.state-4::after{background:#ff6b6b}.component-user-info .layout-1 .user-info-member.state-4::before{background:#ffb4b4}.component-user-info .layout-1 .user-info-member.state-4 .member-box .box-title{color:#fff}.component-user-info .layout-1 .user-info-member.state-4 .member-box .box-btn text{color:#fa3737}.component-user-info .layout-1 .user-info-notice{position:absolute;top:48rpx;right:32rpx;padding:8rpx;border-radius:50%;background:hsla(0,0%,100%,.2)}.component-user-info .layout-1 .user-info-notice .notice-icon{width:48rpx;height:48rpx}.component-user-info .layout-1 .user-info-notice .notice-count{position:absolute;top:-6rpx;left:42rpx;color:#fff;text-align:center;font-size:20rpx;line-height:26rpx;padding:0 8rpx;min-width:26rpx;background:#ff4646;border-radius:26rpx}.component-user-info .layout-2{position:relative;padding-bottom:48rpx}.component-user-info .layout-2 .user-info-content{padding:48rpx 32rpx 0}.component-user-info .layout-2 .user-info-content .content-avatar{width:128rpx;height:128rpx;border-radius:50%;margin-right:48rpx}.component-user-info .layout-2 .user-info-content .content-box{color:#5a5b6e}.component-user-info .layout-2 .user-info-content .content-box .name{font-size:36rpx;font-weight:600;line-height:50rpx}.component-user-info .layout-2 .user-info-content .content-box .phone{font-size:32rpx;line-height:44rpx;margin-top:16rpx;text-align:left}.component-user-info .layout-2 .user-info-login{padding:48rpx 32rpx 0}.component-user-info .layout-2 .user-info-login .login-text{color:#5a5b6e;font-size:36rpx;font-weight:600;height:128rpx;line-height:128rpx}.component-user-info .layout-2 .user-info-member{margin-top:48rpx;position:relative;border-radius:16rpx;background:#303752;padding:24rpx 32rpx}.component-user-info .layout-2 .user-info-member .member-box .box-icon{width:48rpx;height:48rpx;margin-right:16rpx}.component-user-info .layout-2 .user-info-member .member-box .box-title{color:#fff}.component-user-info .layout-2 .user-info-member .member-box .box-title .title{font-size:28rpx;font-weight:600;line-height:40rpx}.component-user-info .layout-2 .user-info-member .member-box .box-title .subtitle{font-size:28rpx;line-height:40rpx}.component-user-info .layout-2 .user-info-member .member-box .box-btn{margin-left:24rpx;padding:12rpx 20rpx;border-radius:30rpx;background:#fff}.component-user-info .layout-2 .user-info-member .member-box .box-btn text{color:var(--theme-color);font-size:24rpx;line-height:34rpx}.component-user-info .layout-2 .user-info-member .member-box .box-btn .icon{margin-left:16rpx;width:24rpx;height:24rpx;background-size:24rpx}.component-user-info .layout-2 .user-info-notice{position:absolute;top:48rpx;right:32rpx;padding:8rpx;border-radius:50%;background:hsla(0,0%,100%,.2)}.component-user-info .layout-2 .user-info-notice .notice-icon{width:48rpx;height:48rpx}.component-user-info .layout-2 .user-info-notice .notice-count{position:absolute;top:-6rpx;left:42rpx;color:#fff;text-align:center;font-size:20rpx;line-height:26rpx;padding:0 8rpx;min-width:26rpx;background:#ff4646;border-radius:26rpx}.component-user-info .layout-3{background:#fff;border-radius:16rpx 16rpx 0 0}.component-user-info .layout-3 .user-info-top{border-radius:16rpx 16rpx 0 0;padding:24rpx 48rpx;position:relative;z-index:1}.component-user-info .layout-3 .user-info-top .top-content{position:relative;z-index:1}.component-user-info .layout-3 .user-info-top .top-content .content-avatar{width:128rpx;height:128rpx;border-radius:50%}.component-user-info .layout-3 .user-info-top .top-content .content-box{margin-left:16rpx;color:#5a5b6e}.component-user-info .layout-3 .user-info-top .top-content .content-box .name{font-size:36rpx;font-weight:600;line-height:50rpx}.component-user-info .layout-3 .user-info-top .top-content .content-box .phone{font-size:32rpx;line-height:44rpx;margin-top:16rpx;text-align:left}.component-user-info .layout-3 .user-info-top .top-login{position:relative;z-index:1}.component-user-info .layout-3 .user-info-top .top-login .login-text{color:#5a5b6e;font-size:36rpx;font-weight:600;height:128rpx;line-height:128rpx}.component-user-info .layout-3 .user-info-top .top-label{display:inline-flex;align-items:center;border-radius:30rpx;background:#fff;box-shadow:0 0 8rpx 0 hsla(0,0%,100%,.5);padding:12rpx 16rpx;min-width:136rpx;margin-top:16rpx;position:relative;z-index:1;overflow:hidden}.component-user-info .layout-3 .user-info-top .top-label .bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.1;background:var(--theme-color)}.component-user-info .layout-3 .user-info-top .top-label .icon{width:24rpx;height:24rpx;background-size:24rpx}.component-user-info .layout-3 .user-info-top .top-label .text{color:var(--theme-color);font-size:20rpx;line-height:28rpx;margin-left:8px}.component-user-info .layout-3 .user-info-top .top-icon{position:absolute;right:16rpx;bottom:0;height:106rpx;display:flex}.component-user-info .layout-3 .user-info-top .top-icon .icon{width:116rpx;height:106rpx;background-size:100%;margin-left:-52rpx;color:var(--theme-color)}.component-user-info .layout-3 .user-info-top .top-notice{position:absolute;z-index:1;top:32rpx;right:32rpx;padding:8rpx;border-radius:50%;background:hsla(0,0%,100%,.2)}.component-user-info .layout-3 .user-info-top .top-notice .notice-icon{width:48rpx;height:48rpx}.component-user-info .layout-3 .user-info-top .top-notice .notice-count{position:absolute;top:-6rpx;left:42rpx;color:#fff;text-align:center;font-size:20rpx;line-height:26rpx;padding:0 8rpx;min-width:26rpx;background:#ff4646;border-radius:26rpx}.component-user-info .layout-3 .user-info-top .top-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:16rpx 16rpx 0 0}.component-user-info .layout-3 .user-info-bottom{position:relative;background:#fff;padding:14rpx 32rpx}.component-user-info .layout-3 .user-info-bottom .bottom-box .box-title{color:#5a5b6e;font-size:28rpx;line-height:40rpx}.component-user-info .layout-3 .user-info-bottom .bottom-box .box-btn{margin-left:24rpx;padding:12rpx 20rpx;border-radius:30rpx;background:var(--theme-color)}.component-user-info .layout-3 .user-info-bottom .bottom-box .box-btn text{color:#fff;font-size:24rpx;line-height:34rpx}.component-user-info .layout-3 .user-info-bottom .bottom-box .box-btn .icon{margin-left:16rpx;width:24rpx;height:24rpx;background-size:24rpx} |