Cxx0822/sweet-hut-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:更新家庭账本样式

Browse Source
This commit is contained in:
Cxx0822
2025-09-15 22:59:50 +08:00
parent 38e25bf88a
commit f3c86b9775
5 changed files with 22 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/Home/Ledger/LedgerCard.vue
View File

@@ -21,15 +21,14 @@
<span>({{ legerItem.unit }})</span>
</div>
<div class="ledger-amount">
<div class="item" style="color: #4169E1;">
<i class="fa-solid fa-flag"></i>
<span>{{ legerItem.payer }}</span>
</div>
<div class="item" style="color: #DAA520;">
<i class="fa-solid fa-cny"></i>
<span>{{ formatAmount(legerItem.totalPrice) }}</span>
</div>
<div class="ledger-payer" style="color: #4169E1;">
<i class="fa-solid fa-flag"></i>
<span>{{ legerItem.payer }}</span>
</div>
<div class="ledger-amount" style="color: #DAA520;">
<i class="fa-solid fa-cny"></i>
<span>{{ formatAmount(legerItem.totalPrice) }}</span>
</div>
</div>
</div>
@@ -96,7 +95,7 @@ const editClick = async (leger: ILegerItem) => {
.ledger-item {
display: grid;
grid-template-columns: 130px 60px 60px 1fr;
grid-template-columns: 1fr 60px 50px 50px 60px;
gap: 5px;
color: #4F4F4F;
@@ -106,18 +105,10 @@ const editClick = async (leger: ILegerItem) => {
gap: 2px;
}
.ledger-amount {
justify-self: right;
.ledger-payer, .ledger-amount {
display: flex;
align-items: center;
gap: 10px;
.item {
display: flex;
align-items: center;
gap: 5px;
}
gap: 5px;
}
}
}