WeChatMsg/app/web_ui/templates/calendar.html
2023-12-20 00:24:36 +08:00

74 lines
4.0 KiB
HTML

<!DOCTYPE html>
<!-- saved from url=(0167)http://m2.link/c/year2018/j3POd/?uid=53899B14C24F351212F4DC92673113FC&full_screen=true&keep_status_bar=true&top_bar_bg_color=f9f9f9&status_bar_type=dark&userid=2227269 -->
<html lang="en" class=" z-ios">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="format-detection" content="telephone=no">
<meta name="applicable-device" content="mobile">
<meta name="viewport"
content="width=device-width, initial-scale=1, user-scalable=0, maximum-scale=1, minimum-scale=1">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>年度聊天报告</title>
<meta name="yixin-share-desc" content="点击查看,我的年度聊天报告">
<meta name="yixin-share-image" content="https://p1.music.126.net/uLDm27B4bC_kKSD8le3WwA==/109951163754269117.jpg">
<link rel="shortcut icon" href="http://s1.music.126.net/style/favicon.ico">
<script src="http://share.lc044.love:8080/static/my_resource/raven.min.js"></script>
<script type="text/javascript" src="http://share.lc044.love:8080/static/my_resource/tool.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts.min.js"></script>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts-wordcloud.min.js"></script>
<link href="http://share.lc044.love:8080/static/my_resource/vendors.a07adb27.css" rel="stylesheet">
<link href="http://share.lc044.love:8080/static/my_resource/main.ff465555.css" rel="stylesheet">
</head>
<body>
<div id="j-root" class="g-bd">
<div class="m-app">
<div class="m-module m-module-report z-modshow">
<div class="m-reportcontent f-page">
<div class="m-page m-page-01 f-page z-enter">
<div class="bg f-page"></div>
<div class="m-page m-page-01 f-page z-enter">
<div class="bg f-page"></div>
<div class="tt f-animOpac" style="font-size:30px !important">
<h1>二零二三</h1>
<h1>我们在这一年有这么多天在聊天</h1><br>
</div>
<div class="ckeywords j-anim01 z-anim">
<div class="hands">
<div class="hand2"></div>
<div class="hand1"></div>
<div class="hand3"></div>
</div>
</div>
<div class="hand4"></div>
<ul class="lyrics">
<li class="itm f-animLineUp">
<div style="transform: translateX(13.7643px);">
<div class="line1 f-thide" style="font-size:20px !important; margin-bottom: 10px;">
<br>今年我们一共聊了<em class="s-fcRed">{{ date_num }}</em>天,<br><em class="s-fcRed">{{ max_date }}</em>,我们聊得最多,有 <em class="s-fcRed">{{ max_num }}</em> 条聊天记录呢~<br>这一天,一定有什么难以忘记的故事吧!<br>你还记得吗?
</div>
</div>
</li>
</ul>
</div>
<div id="calendar" class="chart-container" style="width:780px; height:720px;margin: auto;top:33%"></div>
</div>
<div class="m-btmbar"></div>
</div>
</div>
</div>
<script>
var chart = echarts.init(document.getElementById('calendar'), 'white', {renderer: 'canvas'});
var result = {{chart_data|safe}};
console.log(result);
chart.setOption(result);
</script>
</body>
</html>