13451294168 1 year ago
parent 7e209b6bf3
commit a5b1324b94

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

@ -41,7 +41,7 @@ nav,
section,
time,
video {
margin : 0;
margin: 0;
padding: 0;
}
@ -51,7 +51,7 @@ h3,
h4,
h5,
h6 {
font-size : 100%;
font-size: 100%;
font-weight: normal
}
@ -74,7 +74,7 @@ ol {
}
img {
border : 0 none;
border: 0 none;
vertical-align: top;
}
@ -92,13 +92,13 @@ q:after {
table {
border-collapse: collapse;
border-spacing : 0;
border-spacing: 0;
}
strong,
em,
i {
font-style : normal;
font-style: normal;
font-weight: normal;
}
@ -119,13 +119,13 @@ input::-ms-clear {
}
body {
font : 12px/1.5 \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", "Droid Sans Fallback", SimSun, sans-serif;
font: 12px/1.5 \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", "Droid Sans Fallback", SimSun, sans-serif;
background: #fff;
}
a {
text-decoration: none;
color : #333;
color: #333;
}
a:hover {
@ -135,64 +135,69 @@ a:hover {
body,
html,
.main {
width : 100%;
width: 100%;
height: 100%;
font-size: 12px;
}
.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-size: cover;
background-color: #1D2B56;
/* background-color: #1D2B56; */
}
.nav {
position : relative;
top : .5vw;
width : 100%;
height : 5vw;
background : url(../img/top.png) no-repeat;
position: relative;
top: .5vw;
width: 100%;
height: 5vw;
background: url(../img/top.png) no-repeat;
background-size: 100%;
text-align : center;
line-height : 4vw;
color : #0efcff;
font-size : 1.4vw;
letter-spacing : .4vw;
text-align: center;
line-height: 4vw;
color: #0efcff;
font-size: 1.4vw;
letter-spacing: .4vw;
}
.nav_btn {
position: absolute;
top : 1.5vw;
width : 100%;
height : 2vw;
top: 1.5vw;
width: 100%;
height: 2vw;
}
.btn_left {
float : left;
width : 25%;
float: left;
width: 25%;
margin-left: 5%;
height : 100%;
height: 100%;
}
.btn_right {
float : right;
width : 25%;
float: right;
width: 25%;
margin-right: 5%;
height : 100%;
height: 100%;
}
.btn_list {
position : relative;
float : left;
width : 5.5vw;
height : 1.6vw;
text-align : center;
line-height : 1.6vw;
font-size : .9vw;
color : #0efcff;
position: relative;
float: left;
width: 5.5vw;
height: 1.6vw;
text-align: center;
line-height: 1.6vw;
font-size: .9vw;
color: #0efcff;
letter-spacing: .1vw;
cursor : pointer;
cursor: pointer;
}
.btn_left a,
@ -217,41 +222,41 @@ html,
}
.btn_list:before {
content : '';
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
border : 1px solid #6176AF;
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid #6176AF;
transform: skewX(-38deg);
}
.btn_list:hover::before {
border-color: #0efcff;
box-shadow : 1px 1px 3px 1px #0efcff inset;
box-shadow: 1px 1px 3px 1px #0efcff inset;
}
.listActive:before {
border-color: #0efcff;
box-shadow : 1px 1px 3px 1px #0efcff inset;
box-shadow: 1px 1px 3px 1px #0efcff inset;
}
.content {
position : relative;
width : 97%;
height : 87%;
margin : auto;
position: relative;
width: 97%;
height: 87%;
margin: auto;
/* background: white; */
}
.baseBox {
position : relative;
float : left;
width : 48.8%;
height : 32.3%;
border : 1px solid #6176AF;
background : rgba(11, 21, 44, 0.60);
position: relative;
float: left;
width: 48.8%;
height: 32.3%;
border: 1px solid #6176AF;
background: rgba(11, 21, 44, 0.60);
border-radius: 5px;
}
@ -264,24 +269,24 @@ html,
}
.leftBox {
float : left;
height : 100%;
width : 34.5%;
float: left;
height: 100%;
width: 34.5%;
/* background: yellow; */
}
.rightBox {
float : left;
float: left;
height: 100%;
width : 34.5%;
width: 34.5%;
}
.centerBox {
position : relative;
float : left;
width : 30%;
height : 100%;
margin : 0 .5%;
position: relative;
float: left;
width: 30%;
height: 100%;
margin: 0 .5%;
/* background: red; */
}
@ -291,83 +296,83 @@ html,
/* 边框描边 */
.leftTopLine1 {
position : absolute;
top : 0;
left : -1px;
height : 1vw;
width : 2px;
position: absolute;
top: 0;
left: -1px;
height: 1vw;
width: 2px;
background: #0efcff;
}
.leftTopLine2 {
position : absolute;
top : -1px;
left : 0;
height : 2px;
width : 1vw;
position: absolute;
top: -1px;
left: 0;
height: 2px;
width: 1vw;
background: #0efcff;
}
.rightTopLine1 {
position : absolute;
top : 0;
right : -1px;
height : 1vw;
width : 2px;
position: absolute;
top: 0;
right: -1px;
height: 1vw;
width: 2px;
background: #0efcff;
}
.rightTopLine2 {
position : absolute;
top : -1px;
right : 0;
height : 2px;
width : 1vw;
position: absolute;
top: -1px;
right: 0;
height: 2px;
width: 1vw;
background: #0efcff;
}
.leftBottomLine1 {
position : absolute;
bottom : 0;
left : -1px;
height : 1vw;
width : 2px;
position: absolute;
bottom: 0;
left: -1px;
height: 1vw;
width: 2px;
background: #0efcff;
}
.leftBottomLine2 {
position : absolute;
bottom : -1px;
left : 0;
height : 2px;
width : 1vw;
position: absolute;
bottom: -1px;
left: 0;
height: 2px;
width: 1vw;
background: #0efcff;
}
.rightBottomLine1 {
position : absolute;
bottom : 0;
right : -1px;
height : 1vw;
width : 2px;
position: absolute;
bottom: 0;
right: -1px;
height: 1vw;
width: 2px;
background: #0efcff;
}
.rightBottomLine2 {
position : absolute;
bottom : -1px;
right : 0;
height : 2px;
width : 1vw;
position: absolute;
bottom: -1px;
right: 0;
height: 2px;
width: 1vw;
background: #0efcff;
}
.boxTitle {
font-size : 1vw;
color : #0efcff;
width : 80%;
font-size: 1vw;
color: #0efcff;
width: 80%;
margin-left: .8vw;
margin-top : .5vw;
margin-top: .5vw;
}
.left {
@ -377,6 +382,7 @@ html,
.right {
font: right;
}
/*// */
/*// */
/*// */
@ -385,12 +391,15 @@ html,
.video-js .vjs-control {
width: 1vw !important;
}
.vjs-volume-panel {
display: none !important;
}
.vjs-live-display {
display: none !important;
}
.vjs-audio-button{
.vjs-audio-button {
display: none !important;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB

@ -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]
}

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