|
|
|
@ -2,16 +2,14 @@
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<!-- <meta http-equiv="refresh" content="60;url='https://gitee.com/iGaoWei/big-data-view'"> -->
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
|
|
<title>中国诗人数据展示</title>
|
|
|
|
|
<link rel="stylesheet" href="css/index.css">
|
|
|
|
|
<!-- 这是背景 -->
|
|
|
|
|
<link rel="stylesheet" href="css/reset.css">
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div id="particles-js" class="main">
|
|
|
|
|
<div class="main_con">
|
|
|
|
@ -19,6 +17,7 @@
|
|
|
|
|
<div class="main_top_left">
|
|
|
|
|
<div class="main_top_left_top">
|
|
|
|
|
<img src="./images/main_top_left.png" />
|
|
|
|
|
<audio src="./music/周杰伦 - 青花瓷.mp3" loop="loop" autoplay="true" controls="controls"></audio>
|
|
|
|
|
<div class="main_top_left_top_title">诗人-朝代</div>
|
|
|
|
|
<div class="main_top_left_top_con">
|
|
|
|
|
<div class="main_top_left_top_con_list">
|
|
|
|
@ -65,15 +64,9 @@
|
|
|
|
|
<div class="main_top_middle_top_title">
|
|
|
|
|
<img class="title_bg" src="./images/title_bg.png">
|
|
|
|
|
中国诗人数据展示
|
|
|
|
|
<!-- <a class="title_web" href="https://gitee.com/iGaoWei/big-data-view" target="blank">管理系统</a>
|
|
|
|
|
<a class="title_admin" href="https://gitee.com/iGaoWei/big-data-view" target="blank">web网页</a> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="main_top_middle_num_title">诗词总量:</div>
|
|
|
|
|
<div class="main_top_middle_num">
|
|
|
|
|
<!-- <div class="main_top_middle_num_list">-->
|
|
|
|
|
<!-- <img src="./images/center_num.png">-->
|
|
|
|
|
<!-- <p class="main_top_middle_num_list6">0</p>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<div class="main_top_middle_num_list">
|
|
|
|
|
<img src="./images/center_num.png">
|
|
|
|
|
<p class="main_top_middle_num_list5">0</p>
|
|
|
|
@ -147,33 +140,6 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="main_middle">
|
|
|
|
|
<div class="main_middle_list">
|
|
|
|
|
<img src="./images/main_middle.png">
|
|
|
|
|
<div class="main_list_title main_list_title1">XXX镇</div>
|
|
|
|
|
<span class="main_list_title_num main_list_title_num1">0</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="main_middle_list">
|
|
|
|
|
<img src="./images/main_middle.png">
|
|
|
|
|
<div class="main_list_title main_list_title2">XX镇</div>
|
|
|
|
|
<span class="main_list_title_num main_list_title_num2">0</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="main_middle_list">
|
|
|
|
|
<img src="./images/main_middle.png">
|
|
|
|
|
<div class="main_list_title main_list_title3">XXXX</div>
|
|
|
|
|
<span class="main_list_title_num main_list_title_num3">0</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="main_middle_list">
|
|
|
|
|
<img src="./images/main_middle.png">
|
|
|
|
|
<div class="main_list_title main_list_title4">XXXX</div>
|
|
|
|
|
<span class="main_list_title_num main_list_title_num4">0</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="main_middle_list">
|
|
|
|
|
<img src="./images/main_middle.png">
|
|
|
|
|
<div class="main_list_title main_list_title5">XXXX</div>
|
|
|
|
|
<span class="main_list_title_num main_list_title_num5">0</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
<div class="main_bottom">
|
|
|
|
|
<div class="main_bottom_top">
|
|
|
|
|
<div class="main_bottom_top_list">
|
|
|
|
@ -224,40 +190,6 @@
|
|
|
|
|
<div class="main_bottom_t_l_title">1</div>
|
|
|
|
|
<div id="departmentId" class="main_bottom_t_l_chart"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="main_bottom_top_list">
|
|
|
|
|
<img src="./images/main_bottopm_top1.png">
|
|
|
|
|
<div class="main_bottom_t_l_title">政策XX</div>
|
|
|
|
|
<div class="main_bottom_t_l_con" style="top: -15px">
|
|
|
|
|
<div class="main_bottom_t_l_main2">
|
|
|
|
|
<ul>
|
|
|
|
|
<li>
|
|
|
|
|
<div class="main_bottom_t_l_main_list">
|
|
|
|
|
<div class="main_bottom_t_list_title main_bottom_polity_title1">更多免费精品模板关注公众号“DreamCoders”</div>
|
|
|
|
|
<div class="main_bottom_t_list_time main_bottom_polity_time1">2023/05/20</div>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<div class="main_bottom_t_l_main_list">
|
|
|
|
|
<div class="main_bottom_t_list_title main_bottom_polity_title2">更多免费精品模板关注公众号“DreamCoders”</div>
|
|
|
|
|
<div class="main_bottom_t_list_time main_bottom_polity_time1">2023/05/20</div>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<div class="main_bottom_t_l_main_list">
|
|
|
|
|
<div class="main_bottom_t_list_title main_bottom_polity_title3">更多免费精品模板关注公众号“DreamCoders”</div>
|
|
|
|
|
<div class="main_bottom_t_list_time main_bottom_polity_time1">2023/05/20</div>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<div class="main_bottom_t_l_main_list">
|
|
|
|
|
<div class="main_bottom_t_list_title main_bottom_polity_title4">更多免费精品模板关注公众号“DreamCoders”</div>
|
|
|
|
|
<div class="main_bottom_t_list_time main_bottom_polity_time1">2023/05/20</div>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="main_bottom_bottom">
|
|
|
|
|
<div class="main_bottom_b_left">
|
|
|
|
@ -265,21 +197,6 @@
|
|
|
|
|
<div class="main_bottom_b_title">更多免费精品模板关注公众号</div>
|
|
|
|
|
<div id="coverageId" class="main_bottom_b_con"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="main_bottom_b_middle1">
|
|
|
|
|
<img src="./images/main_bootm_middle.png">
|
|
|
|
|
<div class="main_bottom_b_title">关注XXXX占比</div>
|
|
|
|
|
<div id="contentId" class="main_bottom_b_con main_bottom_b_con2"></div>
|
|
|
|
|
</div> -->
|
|
|
|
|
<!-- <div class="main_bottom_b_middle2">
|
|
|
|
|
<img src="./images/main_bootm_middle.png">
|
|
|
|
|
<div class="main_bottom_b_title">XXXX发布量</div>
|
|
|
|
|
<div id="publicNumId" class="main_bottom_b_con main_bottom_b_con2"></div>
|
|
|
|
|
</div> -->
|
|
|
|
|
<!-- <div class="main_bottom_b_right">
|
|
|
|
|
<img src="./images/main_bottom_bottom.png">
|
|
|
|
|
<div class="main_bottom_b_title">XXX公开数量</div>
|
|
|
|
|
<div id="yearsNumId" class="main_bottom_b_con"></div>
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -288,7 +205,7 @@
|
|
|
|
|
|
|
|
|
|
</html>
|
|
|
|
|
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
|
|
|
|
|
<script src="./js/echarts.js"></script>
|
|
|
|
|
<script src="https://www.jq22.com/jquery/echarts-4.2.1.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="js/dataScoll.js"></script>
|
|
|
|
|
<script type="text/javascript" src="js/digitalScroll.js"></script>
|
|
|
|
|
<script type="text/javascript" src="js/jcarousellite.js"></script>
|
|
|
|
@ -509,15 +426,15 @@
|
|
|
|
|
data: datas,
|
|
|
|
|
textStyle: { //图例文字的样式
|
|
|
|
|
color: '#fff',
|
|
|
|
|
fontSize: 35,
|
|
|
|
|
fontSize: 40,
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
name: '问题反馈',
|
|
|
|
|
type: 'pie',
|
|
|
|
|
radius: '55%',
|
|
|
|
|
center: ['50%', '40%'],
|
|
|
|
|
radius: '80%',
|
|
|
|
|
center: ['45%', '60%'],
|
|
|
|
|
animationDuration: 2500,
|
|
|
|
|
data: datas,
|
|
|
|
|
label: {
|
|
|
|
@ -856,13 +773,13 @@
|
|
|
|
|
|
|
|
|
|
radar: {
|
|
|
|
|
// shape: 'circle',
|
|
|
|
|
radius: '70%',
|
|
|
|
|
radius: '80%',
|
|
|
|
|
triggerEvent: true,
|
|
|
|
|
// type: 'default',
|
|
|
|
|
name: {
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: '#39DCF4',
|
|
|
|
|
fontSize: '10',
|
|
|
|
|
fontSize: '50',
|
|
|
|
|
// borderRadius: 3,
|
|
|
|
|
padding: [10, 10]
|
|
|
|
|
}
|
|
|
|
|