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

@@ -57,18 +57,18 @@ export default {
}
</script>
<style>
<style lang="scss">
.page { display:flex; flex-direction: column; height: 100vh; }
.form { background:#fff; }
.field { display:flex; align-items:center; justify-content: space-between; padding: 18rpx 20rpx; border-bottom:1rpx solid #f3f3f3; }
.label { color:#666; }
.input { flex:1; text-align: right; color:#333; }
.value { color:#333; }
.form { background:$uni-bg-color-grey; }
.field { display:flex; align-items:center; justify-content: space-between; padding: 18rpx 20rpx; border-bottom:1rpx solid $uni-border-color; }
.label { color:$uni-text-color-grey; }
.input { flex:1; text-align: right; color:$uni-text-color; }
.value { color:$uni-text-color; }
.actions { margin-top: 20rpx; padding: 0 20rpx; }
.primary { width: 100%; background: #3c9cff; color:#fff; border-radius: 8rpx; padding: 22rpx 0; }
.sheet { background:#fff; }
.sheet-item { padding: 26rpx; text-align:center; border-bottom:1rpx solid #f2f2f2; }
.sheet-cancel { padding: 26rpx; text-align:center; color:#666; }
.primary { width: 100%; background: $uni-color-primary; color:#fff; border-radius: 8rpx; padding: 22rpx 0; }
.sheet { background:$uni-bg-color-grey; }
.sheet-item { padding: 26rpx; text-align:center; border-bottom:1rpx solid $uni-border-color; }
.sheet-cancel { padding: 26rpx; text-align:center; color:$uni-text-color-grey; }
</style>

View File

@@ -64,24 +64,24 @@ export default {
}
</script>
<style>
<style lang="scss">
.page { display:flex; flex-direction: column; height: 100vh; }
.filters { display:flex; gap: 16rpx; padding: 16rpx; background:#fff; }
.field { display:flex; justify-content: space-between; align-items:center; padding: 16rpx; border:1rpx solid #eee; border-radius: 12rpx; min-width: 300rpx; }
.label { color:#666; }
.value { color:#333; }
.summary { display:grid; grid-template-columns: repeat(4,1fr); gap: 12rpx; padding: 12rpx 16rpx; background:#fff; border-top:1rpx solid #f1f1f1; border-bottom:1rpx solid #f1f1f1; }
.filters { display:flex; gap: 16rpx; padding: 16rpx; background:$uni-bg-color-grey; }
.field { display:flex; justify-content: space-between; align-items:center; padding: 16rpx; border:1rpx solid $uni-border-color; border-radius: 12rpx; min-width: 300rpx; }
.label { color:$uni-text-color-grey; }
.value { color:$uni-text-color; }
.summary { display:grid; grid-template-columns: repeat(4,1fr); gap: 12rpx; padding: 12rpx 16rpx; background:$uni-bg-color-grey; border-top:1rpx solid $uni-border-color; border-bottom:1rpx solid $uni-border-color; }
.sum-item { padding: 12rpx; text-align:center; }
.k { display:block; color:#888; font-size: 24rpx; }
.v { display:block; margin-top:6rpx; font-weight:700; color:#333; }
.k { display:block; color:$uni-text-color-grey; font-size: 24rpx; }
.v { display:block; margin-top:6rpx; font-weight:700; color:$uni-text-color; }
.list { flex:1; }
.item { padding: 18rpx 16rpx; border-bottom:1rpx solid #f4f4f4; background:#fff; }
.item { padding: 18rpx 16rpx; border-bottom:1rpx solid $uni-border-color; background:$uni-bg-color-grey; }
.row { display:flex; align-items:center; justify-content: space-between; margin-bottom: 6rpx; }
.title { color:#333; }
.title { color:$uni-text-color; }
.amount { font-weight:700; }
.amount.in { color:#2a9d8f; }
.amount.out { color:#d35b5b; }
.meta { color:#999; font-size: 24rpx; }
.meta { color:$uni-text-color-grey; font-size: 24rpx; }
</style>

View File

@@ -41,13 +41,13 @@
}
</script>
<style>
<style lang="scss">
.page { display:flex; flex-direction: column; height: 100vh; }
.list { flex:1; }
.item { padding: 20rpx 24rpx; background:#fff; border-bottom: 1rpx solid #f1f1f1; }
.name { color:#333; margin-bottom: 6rpx; }
.meta { color:#888; font-size: 24rpx; }
.fab { position: fixed; right: 32rpx; bottom: 120rpx; width: 100rpx; height: 100rpx; border-radius: 50%; background:#3c9cff; color:#fff; display:flex; align-items:center; justify-content:center; font-size: 52rpx; box-shadow: 0 10rpx 20rpx rgba(0,0,0,0.18); }
.item { padding: 20rpx 24rpx; background:$uni-bg-color-grey; border-bottom: 1rpx solid $uni-border-color; }
.name { color:$uni-text-color; margin-bottom: 6rpx; }
.meta { color:$uni-text-color-grey; font-size: 24rpx; }
.fab { position: fixed; right: 32rpx; bottom: 120rpx; width: 100rpx; height: 100rpx; border-radius: 50%; background:$uni-color-primary; color:#fff; display:flex; align-items:center; justify-content:center; font-size: 52rpx; box-shadow: 0 10rpx 20rpx rgba(0,0,0,0.18); }
</style>