You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
2.1 KiB
102 lines
2.1 KiB
2 weeks ago
|
.page-title {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
gap: 22rpx;
|
||
|
|
font-size: 36rpx;
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page {
|
||
|
|
height: 100vh;
|
||
|
|
box-sizing: border-box;
|
||
|
|
.page-container {
|
||
|
|
margin: 0 40rpx;
|
||
|
|
padding: 32rpx 48rpx;
|
||
|
|
height: 960rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
.user {
|
||
|
|
display: flex;
|
||
|
|
gap: 24rpx;
|
||
|
|
height: 200rpx;
|
||
|
|
.avatar {
|
||
|
|
width: 126rpx;
|
||
|
|
height: 126rpx;
|
||
|
|
border: 1px solid #fff;
|
||
|
|
border-radius: 50%;
|
||
|
|
}
|
||
|
|
.wrap {
|
||
|
|
padding-top: 16rpx;
|
||
|
|
.nickname {
|
||
|
|
font-size: 36rpx;
|
||
|
|
color: #1a2020;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.label {
|
||
|
|
display: inline-block;
|
||
|
|
margin-top: 8rpx;
|
||
|
|
padding: 0 12rpx;
|
||
|
|
font-size: 28rpx;
|
||
|
|
color: #ffffff;
|
||
|
|
line-height: 36rpx;
|
||
|
|
border-radius: 6rpx;
|
||
|
|
background: linear-gradient(86deg, #fcd675 0%, #ffb700 100%);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.title {
|
||
|
|
font-size: 40rpx;
|
||
|
|
color: #342317;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.brand {
|
||
|
|
margin-top: 12rpx;
|
||
|
|
.name {
|
||
|
|
font-size: 44rpx;
|
||
|
|
color: #ff8a4c;
|
||
|
|
font-weight: bold;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.bg {
|
||
|
|
margin: -12rpx auto 0;
|
||
|
|
width: 140rpx;
|
||
|
|
height: 16rpx;
|
||
|
|
background: linear-gradient(90deg, #fdd260 0%, rgba(253, 210, 96, 0.07) 100%);
|
||
|
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.code-wrap {
|
||
|
|
margin: 64rpx auto 0;
|
||
|
|
padding: 10rpx;
|
||
|
|
width: 328rpx;
|
||
|
|
height: 328rpx;
|
||
|
|
border-radius: 50%;
|
||
|
|
border: 10rpx solid rgba(255, 166, 77, 0.13);
|
||
|
|
.code {
|
||
|
|
display: block;
|
||
|
|
border-radius: 50%;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.tip {
|
||
|
|
margin: 52rpx auto 0;
|
||
|
|
width: 340rpx;
|
||
|
|
height: 76rpx;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
gap: 10rpx;
|
||
|
|
font-size: 40rpx;
|
||
|
|
color: #ffffff;
|
||
|
|
background: #ff8a4c;
|
||
|
|
border-radius: 92rpx 92rpx 92rpx 92rpx;
|
||
|
|
.dot {
|
||
|
|
width: 10rpx;
|
||
|
|
height: 10rpx;
|
||
|
|
border-radius: 50%;
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|