36 lines
1.0 KiB
Plaintext
36 lines
1.0 KiB
Plaintext
|
|
.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;
|
|
}
|
|
.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;
|
|
}
|
|
.list { flex:1;
|
|
}
|
|
.item { padding: 18rpx 16rpx; border-bottom:1rpx solid #f4f4f4; background:#fff;
|
|
}
|
|
.row { display:flex; align-items:center; justify-content: space-between; margin-bottom: 6rpx;
|
|
}
|
|
.title { color:#333;
|
|
}
|
|
.amount { font-weight:700;
|
|
}
|
|
.amount.in { color:#2a9d8f;
|
|
}
|
|
.amount.out { color:#d35b5b;
|
|
}
|
|
.meta { color:#999; font-size: 24rpx;
|
|
}
|