suncheng/EmailBill
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式修复
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 23s
Details
Docker Build & Deploy / Deploy to Production (push) Successful in 8s
Details
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 3s
Details
Docker Build & Deploy / WeChat Notification (push) Successful in 1s
Details

Browse Source
This commit is contained in:
孙诚
2026-01-15 17:55:37 +08:00
parent 667358fa0b
commit 9e03187a95
2 changed files with 38 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
Web/src/components/ContributionHeatmap.vue
View File

@@ -1,45 +1,45 @@
<template>
<div class="heatmap-card">
<div class="grid-row">
<!-- Weekday Labels (Fixed Left) -->
<div class="weekday-col-fixed">
<div class="weekday-label">二</div>
<div class="weekday-label">四</div>
<div class="weekday-label">六</div>
<div class="grid-row">
<!-- Weekday Labels (Fixed Left) -->
<div class="weekday-col-fixed">
<div class="weekday-label">二</div>
<div class="weekday-label">四</div>
<div class="weekday-label">六</div>
</div>
<!-- Scrollable Heatmap Area -->
<div ref="scrollContainer" class="heatmap-scroll-container">
<div class="heatmap-content">
<!-- Month Labels -->
<div class="month-row">
<div
v-for="(month, index) in monthLabels"
:key="index"
class="month-label"
:style="{ left: month.left + 'px' }"
>
{{ month.text }}
</div>
</div>
<!-- Scrollable Heatmap Area -->
<div ref="scrollContainer" class="heatmap-scroll-container">
<div class="heatmap-content">
<!-- Month Labels -->
<div class="month-row">
<div
v-for="(month, index) in monthLabels"
:key="index"
class="month-label"
:style="{ left: month.left + 'px' }"
>
{{ month.text }}
</div>
</div>
<!-- Heatmap Grid -->
<div class="heatmap-grid">
<div v-for="(week, wIndex) in weeks" :key="wIndex" class="heatmap-week">
<div
v-for="(day, dIndex) in week"
:key="dIndex"
class="heatmap-cell"
:class="getLevelClass(day)"
@click="onCellClick(day)"
>
<!-- Tooltip could be implemented here or using title -->
</div>
</div>
<!-- Heatmap Grid -->
<div class="heatmap-grid">
<div v-for="(week, wIndex) in weeks" :key="wIndex" class="heatmap-week">
<div
v-for="(day, dIndex) in week"
:key="dIndex"
class="heatmap-cell"
:class="getLevelClass(day)"
@click="onCellClick(day)"
>
<!-- Tooltip could be implemented here or using title -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="heatmap-footer">
<div v-if="totalCount > 0" class="summary-text">
@@ -59,7 +59,7 @@
</template>
<script setup>
import { ref, onMounted, computed, nextTick } from 'vue';
import { ref, onMounted, nextTick } from 'vue';
import { getDailyStatisticsRange } from '@/api/statistics';
const stats = ref({});

5
Web/src/views/CalendarView.vue
View File

@@ -13,6 +13,9 @@
<ContributionHeatmap ref="heatmapRef" />
<!-- 底部安全距离 -->
<div style="height: calc(80px + env(safe-area-inset-bottom, 0px))"></div>
<!-- 日期交易列表弹出层 -->
<PopupContainer
v-model="listVisible"
@@ -303,8 +306,6 @@ onBeforeUnmount(() => {
.calendar-container {
/* 使用准确的视口高度减去 TabBar 高度（50px）和安全区域 */
height: calc(var(--vh, 100vh) - 50px - env(safe-area-inset-bottom, 0px));
max-height: calc(var(--vh, 100vh) - 50px - env(safe-area-inset-bottom, 0px));
display: flex;
flex-direction: column;
overflow: hidden;