9.20界面

This commit is contained in:
2025-09-20 21:09:27 +08:00
parent d343a1389a
commit 44ac2723a0
118 changed files with 8042 additions and 679 deletions

View File

@@ -0,0 +1,23 @@
.page { display:flex; flex-direction: column; height: 100vh;
}
.form { background:#fff;
}
.field { display:flex; align-items:center; justify-content: space-between; padding: 0.5625rem 0.625rem; border-bottom:0.03125rem solid #f3f3f3;
}
.label { color:#666;
}
.input { flex:1; text-align: right; color:#333;
}
.value { color:#333;
}
.actions { margin-top: 0.625rem; padding: 0 0.625rem;
}
.primary { width: 100%; background: #3c9cff; color:#fff; border-radius: 0.25rem; padding: 0.6875rem 0;
}
.sheet { background:#fff;
}
.sheet-item { padding: 0.8125rem; text-align:center; border-bottom:0.03125rem solid #f2f2f2;
}
.sheet-cancel { padding: 0.8125rem; text-align:center; color:#666;
}

View File

@@ -0,0 +1,35 @@
.page { display:flex; flex-direction: column; height: 100vh;
}
.filters { display:flex; gap: 0.5rem; padding: 0.5rem; background:#fff;
}
.field { display:flex; justify-content: space-between; align-items:center; padding: 0.5rem; border:0.03125rem solid #eee; border-radius: 0.375rem; min-width: 9.375rem;
}
.label { color:#666;
}
.value { color:#333;
}
.summary { display:grid; grid-template-columns: repeat(4,1fr); gap: 0.375rem; padding: 0.375rem 0.5rem; background:#fff; border-top:0.03125rem solid #f1f1f1; border-bottom:0.03125rem solid #f1f1f1;
}
.sum-item { padding: 0.375rem; text-align:center;
}
.k { display:block; color:#888; font-size: 0.75rem;
}
.v { display:block; margin-top:0.1875rem; font-weight:700; color:#333;
}
.list { flex:1;
}
.item { padding: 0.5625rem 0.5rem; border-bottom:0.03125rem solid #f4f4f4; background:#fff;
}
.row { display:flex; align-items:center; justify-content: space-between; margin-bottom: 0.1875rem;
}
.title { color:#333;
}
.amount { font-weight:700;
}
.amount.in { color:#2a9d8f;
}
.amount.out { color:#d35b5b;
}
.meta { color:#999; font-size: 0.75rem;
}

View File

@@ -0,0 +1,13 @@
.page { display:flex; flex-direction: column; height: 100vh;
}
.list { flex:1;
}
.item { padding: 0.625rem 0.75rem; background:#fff; border-bottom: 0.03125rem solid #f1f1f1;
}
.name { color:#333; margin-bottom: 0.1875rem;
}
.meta { color:#888; font-size: 0.75rem;
}
.fab { position: fixed; right: 1rem; bottom: 3.75rem; width: 3.125rem; height: 3.125rem; border-radius: 50%; background:#3c9cff; color:#fff; display:flex; align-items:center; justify-content:center; font-size: 1.625rem; box-shadow: 0 0.3125rem 0.625rem rgba(0,0,0,0.18);
}