feat:MineView 新增个人档案区块样式
This commit is contained in:
@@ -419,6 +419,103 @@ const terminateLifeHarmony = () => {
|
|||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.profile-section {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
margin-top: 42rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12rpx;
|
||||||
|
margin-bottom: 28rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-star {
|
||||||
|
color: #ffd184;
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 40rpx;
|
||||||
|
font-weight: 800;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
margin-bottom: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-item {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 6rpx;
|
||||||
|
padding-right: 16rpx;
|
||||||
|
border-right: 1rpx solid rgba(180, 139, 255, 0.22);
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-item + .grid-item {
|
||||||
|
padding-left: 16rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-item.no-border {
|
||||||
|
border-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-icon {
|
||||||
|
font-size: 30rpx;
|
||||||
|
line-height: 1;
|
||||||
|
margin-bottom: 4rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-label {
|
||||||
|
color: rgba(219, 204, 247, 0.54);
|
||||||
|
font-size: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-value {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 23rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hobby-line {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 16rpx;
|
||||||
|
padding-top: 20rpx;
|
||||||
|
border-top: 1rpx solid rgba(180, 139, 255, 0.22);
|
||||||
|
}
|
||||||
|
|
||||||
|
.hobby-heart {
|
||||||
|
color: #a855ff;
|
||||||
|
font-size: 30rpx;
|
||||||
|
text-shadow: 0 0 24rpx rgba(168, 85, 255, 0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
.hobby-label {
|
||||||
|
color: rgba(219, 204, 247, 0.54);
|
||||||
|
font-size: 20rpx;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hobby-value {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 23rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
.menu-list {
|
.menu-list {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|||||||
Reference in New Issue
Block a user