weijuesen
132 lines
2.1 KiB
SCSS
132 lines
2.1 KiB
SCSS
@use '@/styles/variables.scss' as *;
|
|
|
|
.page {
|
|
min-height: 100vh;
|
|
background: $color-bg-page;
|
|
padding: $spacing-md $spacing-lg;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.card {
|
|
background: $color-bg-card;
|
|
border-radius: $radius-lg;
|
|
padding: $spacing-lg;
|
|
box-shadow: $shadow-card;
|
|
margin-bottom: $spacing-md;
|
|
}
|
|
|
|
.cardHeader {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.cardInfo {
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
|
|
.cardTitle {
|
|
display: block;
|
|
font-size: $font-size-md;
|
|
font-weight: $font-weight-semibold;
|
|
color: $color-text-primary;
|
|
}
|
|
|
|
.cardMeta {
|
|
display: block;
|
|
font-size: $font-size-xs;
|
|
color: $color-text-secondary;
|
|
margin-top: 4rpx;
|
|
}
|
|
|
|
.cardArrow {
|
|
font-size: $font-size-sm;
|
|
color: $color-text-tertiary;
|
|
margin-left: $spacing-sm;
|
|
}
|
|
|
|
.cardBody {
|
|
margin-top: $spacing-md;
|
|
}
|
|
|
|
.sectionLabel {
|
|
display: block;
|
|
font-size: $font-size-xs;
|
|
color: $color-text-tertiary;
|
|
margin: $spacing-md 0 $spacing-xs;
|
|
}
|
|
|
|
.stepRow {
|
|
padding: $spacing-xs 0;
|
|
}
|
|
|
|
.stepName {
|
|
font-size: $font-size-sm;
|
|
color: $color-text-primary;
|
|
}
|
|
|
|
.photoRow {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: $spacing-sm;
|
|
}
|
|
|
|
.photo {
|
|
width: 100%;
|
|
border-radius: $radius-sm;
|
|
}
|
|
|
|
.btn {
|
|
margin: 0;
|
|
@include button-reset;
|
|
border: 1rpx solid rgba(0, 0, 0, 0.1);
|
|
border-radius: $radius-button;
|
|
height: $button-height-md;
|
|
font-size: $font-size-md;
|
|
color: $color-text-primary;
|
|
background: $color-bg-card;
|
|
}
|
|
|
|
.btnPrimary {
|
|
margin-top: $spacing-md;
|
|
background: $color-primary;
|
|
color: $color-text-white;
|
|
border: none;
|
|
}
|
|
|
|
.radioRow {
|
|
display: flex;
|
|
gap: $spacing-lg;
|
|
font-size: $font-size-sm;
|
|
}
|
|
|
|
.resultHint {
|
|
display: block;
|
|
font-size: $font-size-xs;
|
|
color: $color-success;
|
|
margin-top: $spacing-xs;
|
|
}
|
|
|
|
.crossOk {
|
|
display: block;
|
|
font-size: $font-size-xs;
|
|
color: $color-success;
|
|
margin-top: $spacing-xs;
|
|
}
|
|
|
|
.crossWarn {
|
|
display: block;
|
|
font-size: $font-size-xs;
|
|
color: $color-warning;
|
|
margin-top: $spacing-xs;
|
|
}
|
|
|
|
.emptyText {
|
|
display: block;
|
|
text-align: center;
|
|
font-size: $font-size-sm;
|
|
color: $color-text-tertiary;
|
|
padding: $spacing-xl 0;
|
|
}
|