9.20界面
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user