4dd5a1b4d9
处方创建、透析记录创建、预约创建三个表单页迁移： - 最外层容器 ScrollView/View → PageShell - 表单分组 section View → ContentCard - SCSS 删除 min-height/background/box-shadow 通用样式
92 lines
1.5 KiB
SCSS
92 lines
1.5 KiB
SCSS
@import '../../../../styles/variables.scss';
|
||
@import '../../../../styles/mixins.scss';
|
||
|
||
// PageShell 已接管：min-height, background, padding
|
||
// ContentCard 已接管：background, border-radius, padding, box-shadow
|
||
|
||
/* ─── 表单分组间距（ContentCard 外层补充） ─── */
|
||
.section {
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.section-title {
|
||
font-size: var(--tk-font-body-lg);
|
||
font-weight: bold;
|
||
color: $tx;
|
||
display: block;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.form-row {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 16px 0;
|
||
border-bottom: 1px solid $bd-l;
|
||
|
||
&:last-child {
|
||
border-bottom: none;
|
||
}
|
||
|
||
&--textarea {
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
}
|
||
}
|
||
|
||
.form-label {
|
||
font-size: var(--tk-font-h1);
|
||
color: $tx2;
|
||
flex-shrink: 0;
|
||
min-width: 140px;
|
||
}
|
||
|
||
.form-input {
|
||
flex: 1;
|
||
text-align: right;
|
||
font-size: var(--tk-font-h1);
|
||
color: $tx;
|
||
}
|
||
|
||
.form-value {
|
||
font-size: var(--tk-font-h1);
|
||
color: $tx;
|
||
|
||
&.placeholder {
|
||
color: $tx3;
|
||
}
|
||
}
|
||
|
||
.form-textarea {
|
||
width: 100%;
|
||
margin-top: 12px;
|
||
font-size: var(--tk-font-h1);
|
||
color: $tx;
|
||
min-height: 120px;
|
||
background: $bg;
|
||
border-radius: $r-sm;
|
||
padding: 16px;
|
||
}
|
||
|
||
.submit-btn {
|
||
background: $pri;
|
||
border-radius: $r-sm;
|
||
padding: 24px;
|
||
text-align: center;
|
||
margin-top: 24px;
|
||
|
||
&:active {
|
||
background: $pri-d;
|
||
}
|
||
|
||
&--disabled {
|
||
opacity: 0.5;
|
||
}
|
||
}
|
||
|
||
.submit-btn__text {
|
||
font-size: var(--tk-font-num);
|
||
font-weight: bold;
|
||
color: $white;
|
||
}
|