pwh6feynr
/
123
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1.3

Browse Source
master
13451294168 1 year ago
parent 7e209b6bf3
commit a5b1324b94
7 changed files with 171 additions and 210 deletions
Show Stats Download Patch File Download Diff File

14
poem/css/index.css
Unescape View File

@ -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; */
} }

235
poem/css/reset.css
Unescape View File

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

BIN
poem/images/微信图片_20240616110427.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 MiB

99
poem/index.html
Unescape View File

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

22
poem/js/echarts.min.js vendored
View File

File diff suppressed because one or more lines are too long

11
poem/login.html
Unescape View File

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

BIN
poem/music/周杰伦 - 青花瓷.mp3
View File

Binary file not shown.
Write Preview
Loading…
Cancel
Save