feat(web/miniapp): LAMP 检测管理页与小程序录入（#14）+ web 构建代码拆分

2026-08-12 17:52:07 +08:00
parent c6e5a76e71
commit d626f9d442
11 changed files with 716 additions and 0 deletions
@@ -0,0 +1,117 @@
+@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;
+}
+
+.emptyText {
+  display: block;
+  text-align: center;
+  font-size: $font-size-sm;
+  color: $color-text-tertiary;
+  padding: $spacing-xl 0;
+}