Files
danyang-match/miniapp/pages/profile-basic/profile-basic.wxss
T

102 lines
1.9 KiB
Plaintext
Raw Normal View History

2026-09-09 22:05:00 +08:00
/**
* 基础资料页 U06
*/
.pb-page {
min-height:100vh;
background:var(--color-bg-page);
padding-bottom:calc(160rpx + env(safe-area-inset-bottom));
2026-09-09 22:05:00 +08:00
}
.pb-body {
padding:var(--spacing-2) var(--spacing-page-x);
2026-09-09 22:05:00 +08:00
}
.pb-section {
margin-bottom:var(--spacing-3);
2026-09-09 22:05:00 +08:00
}
/* ============ 只读区 ============ */
.pb-readonly {
margin-top:var(--spacing-2);
2026-09-09 22:05:00 +08:00
}
.pb-row {
display:flex;
justify-content:space-between;
align-items:center;
padding:var(--spacing-3) 0;
border-bottom:var(--border-width) solid var(--color-divider);
2026-09-09 22:05:00 +08:00
}
.pb-row:last-child {
border-bottom:none;
2026-09-09 22:05:00 +08:00
}
.pb-row__label {
font-size:var(--font-size-md);
color:var(--color-text-tertiary);
2026-09-09 22:05:00 +08:00
}
.pb-row__value {
font-size:var(--font-size-md);
color:var(--color-text-primary);
font-weight:var(--font-weight-medium);
2026-09-09 22:05:00 +08:00
}
/* ============ 表单 ============ */
.pb-form {
margin-top:var(--spacing-2);
2026-09-09 22:05:00 +08:00
}
.pb-field {
display:flex;
align-items:center;
justify-content:space-between;
padding:var(--spacing-3) 0;
border-bottom:var(--border-width) solid var(--color-divider);
min-height:88rpx;
2026-09-09 22:05:00 +08:00
}
.pb-field:last-child {
border-bottom:none;
2026-09-09 22:05:00 +08:00
}
.pb-field__label {
font-size:var(--font-size-md);
color:var(--color-text-primary);
flex-shrink:0;
width:180rpx;
2026-09-09 22:05:00 +08:00
}
.pb-field__value {
flex:1;
text-align:right;
font-size:var(--font-size-md);
color:var(--color-text-primary);
2026-09-09 22:05:00 +08:00
}
.pb-field__value--placeholder {
color:var(--color-text-placeholder);
2026-09-09 22:05:00 +08:00
}
.pb-field__input {
flex:1;
text-align:right;
font-size:var(--font-size-md);
color:var(--color-text-primary);
2026-09-09 22:05:00 +08:00
}
/* ============ 底部 ============ */
.pb-actions {
position:fixed;
bottom:0;
left:0;
right:0;
padding:var(--spacing-2) var(--spacing-page-x);
padding-bottom:calc(var(--spacing-2) + env(safe-area-inset-bottom));
background:var(--color-bg-card);
border-top:var(--border-width) solid var(--color-divider);
z-index:var(--z-sticky);
2026-09-09 22:05:00 +08:00
}