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