mirror of
https://github.com/LifeArchiveProject/WeChatDataAnalysis.git
synced 2026-02-19 14:20:51 +08:00
645dc1cff1
- wrapped 页面改为：先拉 meta/年份列表，再按页请求单张卡片，首屏更快 - 新增 Card#0 全局概览页（含图表） - 新增 Card#2 消息字数页（含键盘敲击统计与图表） - 新增复古模式：像素字体资源 + CRT Overlay，支持一键开关 - 调整 shared 组件、types/useApi，更新前端依赖与 lock
25 lines
840 B
Vue
25 lines
840 B
Vue
<template>
|
|
<!-- CRT 滤镜叠加层 - 模拟老电视机效果 -->
|
|
<div class="absolute inset-0 pointer-events-none select-none z-30" aria-hidden="true">
|
|
<!-- 扫描线层 - 水平条纹带滚动动画 -->
|
|
<div class="absolute inset-0 crt-scanlines"></div>
|
|
|
|
<!-- RGB 子像素层 - 模拟 CRT 像素结构 -->
|
|
<div class="absolute inset-0 crt-rgb-pixels"></div>
|
|
|
|
<!-- 闪烁层 - 轻微亮度波动 -->
|
|
<div class="absolute inset-0 crt-flicker"></div>
|
|
|
|
<!-- 暗角层 - 边缘渐暗效果 -->
|
|
<div class="absolute inset-0 crt-vignette"></div>
|
|
|
|
<!-- 屏幕曲率层 - 边缘微暗模拟曲面 -->
|
|
<div class="absolute inset-0 crt-curvature"></div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
// CRT 滤镜叠加层组件
|
|
// 通过多层叠加实现复古显像管效果，不修改原始背景
|
|
</script>
|