13451294168 1 year ago
parent 7e209b6bf3
commit a5b1324b94

@ -438,19 +438,21 @@
width: 100%; width: 100%;
height: 36.5%; height: 36.5%;
margin-top: 1.2%; margin-top: 1.2%;
margin-left: 820px; /* margin-left: 800px; */
} }
/* 这是中间框的样式 */
.main_bottom_top_list { .main_bottom_top_list {
position: relative; position: relative;
float:left; float:left;
width: 30.6%; width: 30.6%;
height: 100%; height: 105%;
margin-right: 13px; margin-bottom: 60px;
margin-left: 60px; margin-right: 26px;
margin-left: 70px;
} }
.main_bottom_top_list:nth-child(1) { .main_bottom_top_list:nth-child(1) {
margin-left: 0; margin-left: 10;
} }
.main_bottom_top_list img { .main_bottom_top_list img {
position: absolute; position: absolute;
@ -481,8 +483,8 @@
position: relative; position: relative;
width: 92%; width: 92%;
height: 60%; height: 60%;
margin: auto;
margin-top: 3%; margin-top: 3%;
margin: auto;
/* overflow: hidden; */ /* overflow: hidden; */
} }

@ -141,10 +141,15 @@ html,
} }
.main { .main {
position : relative; position: relative;background: url("../images/微信图片_20240616110427.png") no-repeat center center fixed;
/*兼容浏览器版本*/
-webkit-background-size: cover;
-o-background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-color: #1D2B56; /* background-color: #1D2B56; */
} }
.nav { .nav {
@ -377,6 +382,7 @@ html,
.right { .right {
font: right; font: right;
} }
/*// */ /*// */
/*// */ /*// */
/*// */ /*// */
@ -385,12 +391,15 @@ html,
.video-js .vjs-control { .video-js .vjs-control {
width: 1vw !important; width: 1vw !important;
} }
.vjs-volume-panel { .vjs-volume-panel {
display: none !important; display: none !important;
} }
.vjs-live-display { .vjs-live-display {
display: none !important; display: none !important;
} }
.vjs-audio-button { .vjs-audio-button {
display: none !important; display: none !important;
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB

@ -2,16 +2,14 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>中国诗人数据展示</title> <title>中国诗人数据展示</title>
<link rel="stylesheet" href="css/index.css"> <link rel="stylesheet" href="css/index.css">
<!-- 这是背景 -->
<link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/reset.css">
</head> </head>
<body> <body>
<div id="particles-js" class="main"> <div id="particles-js" class="main">
<div class="main_con"> <div class="main_con">
@ -19,6 +17,7 @@
<div class="main_top_left"> <div class="main_top_left">
<div class="main_top_left_top"> <div class="main_top_left_top">
<img src="./images/main_top_left.png" /> <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_title">诗人-朝代</div>
<div class="main_top_left_top_con"> <div class="main_top_left_top_con">
<div class="main_top_left_top_con_list"> <div class="main_top_left_top_con_list">
@ -65,15 +64,9 @@
<div class="main_top_middle_top_title"> <div class="main_top_middle_top_title">
<img class="title_bg" src="./images/title_bg.png"> <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>
<div class="main_top_middle_num_title">诗词总量:</div> <div class="main_top_middle_num_title">诗词总量:</div>
<div class="main_top_middle_num"> <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"> <div class="main_top_middle_num_list">
<img src="./images/center_num.png"> <img src="./images/center_num.png">
<p class="main_top_middle_num_list5">0</p> <p class="main_top_middle_num_list5">0</p>
@ -147,33 +140,6 @@
</div> </div>
</div> </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">
<div class="main_bottom_top"> <div class="main_bottom_top">
<div class="main_bottom_top_list"> <div class="main_bottom_top_list">
@ -224,40 +190,6 @@
<div class="main_bottom_t_l_title">1</div> <div class="main_bottom_t_l_title">1</div>
<div id="departmentId" class="main_bottom_t_l_chart"></div> <div id="departmentId" class="main_bottom_t_l_chart"></div>
</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>
<div class="main_bottom_bottom"> <div class="main_bottom_bottom">
<div class="main_bottom_b_left"> <div class="main_bottom_b_left">
@ -265,21 +197,6 @@
<div class="main_bottom_b_title">更多免费精品模板关注公众号</div> <div class="main_bottom_b_title">更多免费精品模板关注公众号</div>
<div id="coverageId" class="main_bottom_b_con"></div> <div id="coverageId" class="main_bottom_b_con"></div>
</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> </div>
</div> </div>
@ -288,7 +205,7 @@
</html> </html>
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script> <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/dataScoll.js"></script>
<script type="text/javascript" src="js/digitalScroll.js"></script> <script type="text/javascript" src="js/digitalScroll.js"></script>
<script type="text/javascript" src="js/jcarousellite.js"></script> <script type="text/javascript" src="js/jcarousellite.js"></script>
@ -509,15 +426,15 @@
data: datas, data: datas,
textStyle: { //图例文字的样式 textStyle: { //图例文字的样式
color: '#fff', color: '#fff',
fontSize: 35, fontSize: 40,
}, },
}, },
series: [ series: [
{ {
name: '问题反馈', name: '问题反馈',
type: 'pie', type: 'pie',
radius: '55%', radius: '80%',
center: ['50%', '40%'], center: ['45%', '60%'],
animationDuration: 2500, animationDuration: 2500,
data: datas, data: datas,
label: { label: {
@ -856,13 +773,13 @@
radar: { radar: {
// shape: 'circle', // shape: 'circle',
radius: '70%', radius: '80%',
triggerEvent: true, triggerEvent: true,
// type: 'default', // type: 'default',
name: { name: {
textStyle: { textStyle: {
color: '#39DCF4', color: '#39DCF4',
fontSize: '10', fontSize: '50',
// borderRadius: 3, // borderRadius: 3,
padding: [10, 10] padding: [10, 10]
} }

File diff suppressed because one or more lines are too long

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="./index.html">click there</a>
</body>
</html>
Loading…
Cancel
Save