qak2019
/
cents
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: position month picker at app level

This commit is contained in:
openclaw 2026-07-25 23:52:33 +08:00
parent 81590b2d80
commit 4f30bd9830
1 changed files with 39 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
apps/web/src/views/LedgerView.vue
View File

@ -511,6 +511,24 @@ async function shareLedger() {
</div> </div>
</Transition> </Transition>
<section class="monthly-summary" aria-label="月度收支">
<div class="summary-main">
<span>结余</span>
<strong :class="{ compact: balanceText.length > 12 }">¥ {{ balanceText }}</strong>
</div>
<div class="summary-secondary">
<div class="summary-stat income-stat">
<span>收入</span>
<strong :class="{ compact: incomeText.length > 10 }">{{ incomeText }}</strong>
</div>
<div class="summary-stat expense-stat">
<span>支出</span>
<strong :class="{ compact: expenseText.length > 10 }">{{ expenseText }}</strong>
</div>
</div>
</section>
</header>
<Transition name="month-picker"> <Transition name="month-picker">
<div v-if="monthPickerOpen" class="month-picker-layer"> <div v-if="monthPickerOpen" class="month-picker-layer">
<button class="month-picker-scrim" type="button" aria-label="关闭月份选择" @click="closeMonthPicker"></button> <button class="month-picker-scrim" type="button" aria-label="关闭月份选择" @click="closeMonthPicker"></button>
@ -550,24 +568,6 @@ async function shareLedger() {
</div> </div>
</Transition> </Transition>
<section class="monthly-summary" aria-label="月度收支">
<div class="summary-main">
<span>结余</span>
<strong :class="{ compact: balanceText.length > 12 }">¥ {{ balanceText }}</strong>
</div>
<div class="summary-secondary">
<div class="summary-stat income-stat">
<span>收入</span>
<strong :class="{ compact: incomeText.length > 10 }">{{ incomeText }}</strong>
</div>
<div class="summary-stat expense-stat">
<span>支出</span>
<strong :class="{ compact: expenseText.length > 10 }">{{ expenseText }}</strong>
</div>
</div>
</section>
</header>
<section <section
ref="ledgerContent" ref="ledgerContent"
class="ledger-content" class="ledger-content"