mirror of
https://github.com/LifeArchiveProject/WeChatDataAnalysis.git
synced 2026-02-19 14:20:51 +08:00
79da96b2d3
- 新增 /wrapped PPT 风格滑动浏览（封面 + 卡片页） - 新增 Card#1 组件与 24×7 周-小时热力图可视化 - 首页新增年度总结入口；useApi 增加 getWrappedAnnual；补充 wrapped 背景纹理
24 lines
724 B
Vue
24 lines
724 B
Vue
<template>
|
|
<WrappedCardShell :card-id="card.id" :title="card.title" :narrative="card.narrative" :variant="variant">
|
|
<template #badge>
|
|
<span class="inline-flex items-center px-3 py-1 rounded-full text-xs bg-[#07C160]/10 text-[#07C160] border border-[#07C160]/20">
|
|
作息规律
|
|
</span>
|
|
</template>
|
|
|
|
<WeekdayHourHeatmap
|
|
:weekday-labels="card.data?.weekdayLabels"
|
|
:hour-labels="card.data?.hourLabels"
|
|
:matrix="card.data?.matrix"
|
|
:total-messages="card.data?.totalMessages || 0"
|
|
/>
|
|
</WrappedCardShell>
|
|
</template>
|
|
|
|
<script setup>
|
|
defineProps({
|
|
card: { type: Object, required: true },
|
|
variant: { type: String, default: 'panel' } // 'panel' | 'slide'
|
|
})
|
|
</script>
|