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

1.0版本

Browse Source
master
13451294168 1 year ago
parent c211d2e42d
commit 4b76edade5
5 changed files with 96279 additions and 29 deletions
Show Stats Download Patch File Download Diff File

38
poem/css/index.css
Unescape View File

@ -19,13 +19,14 @@
.main_top_left { .main_top_left {
float: left; float: left;
width: 17.3%; width: 17.3%;
height: 100%; height: 112%;
/* background: gold; */ background: gold;
} }
/* 这是框的样式 */
.main_top_left_top { .main_top_left_top {
position: relative; position: relative;
width: 100%; width: 100%;
height: 46%; height: 120%;
/* background: green; */ /* background: green; */
} }
.main_top_left_bottom { .main_top_left_bottom {
@ -406,21 +407,24 @@
/* 底部样式 */ /* 底部样式 */
.main_bottom { .main_bottom {
height: 55.9%; height: 55.9%;
/* height：55.9% */
width: 100%; width: 100%;
} }
.main_bottom_top { .main_bottom_top {
float: left; /* float: left; */
/* 居中 */
width: 100%; width: 100%;
height: 36.5%; height: 36.5%;
margin-top: 1.5%; margin-top: 1.2%;
margin-left: 820px;
} }
.main_bottom_top_list { .main_bottom_top_list {
position: relative; position: relative;
float:left; float:left;
width: 32%; width: 30.6%;
height: 100%; height: 100%;
margin-left: 2%; margin-right: 13px;
margin-left: 60px;
} }
.main_bottom_top_list:nth-child(1) { .main_bottom_top_list:nth-child(1) {
margin-left: 0; margin-left: 0;
@ -429,6 +433,7 @@
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.main_bottom_t_l_title { .main_bottom_t_l_title {
z-index: 80; z-index: 80;
@ -442,6 +447,7 @@
.main_bottom_t_l_chart { .main_bottom_t_l_chart {
z-index: 77; z-index: 77;
position: relative; position: relative;
float: left;
width: 90%; width: 90%;
height: 84%; height: 84%;
margin: auto; margin: auto;
@ -454,6 +460,7 @@
height: 60%; height: 60%;
margin: auto; margin: auto;
margin-top: 3%; margin-top: 3%;
/* overflow: hidden; */ /* overflow: hidden; */
} }
.main_bottom_t_l_main,.main_bottom_t_l_main2 { .main_bottom_t_l_main,.main_bottom_t_l_main2 {
@ -465,6 +472,7 @@
line-height: 1.6vw; line-height: 1.6vw;
height: 1.6vw; height: 1.6vw;
color: white; color: white;
/* background-color: #0EFCFF; */
} }
.main_bottom_t_l_main2 .main_bottom_t_l_main_list { .main_bottom_t_l_main2 .main_bottom_t_l_main_list {
font-size: .7vw; font-size: .7vw;
@ -490,19 +498,25 @@
text-align: right; text-align: right;
} }
.main_bottom_bottom { .main_bottom_bottom {
float: left; /* float: right; */
width: 100%; width: 100%;
height: 54%; height: 63%;
margin-top: 1%; margin-top: 1%;
} }
.main_bottom_b_left,.main_bottom_b_right{ .main_bottom_b_left,.main_bottom_b_right{
position:relative; position:relative;
float: left; /* float:left; */
width: 17.3%; margin-right: auto;
margin-left: auto;
margin-top: 100px;
margin-bottom: 100px;
width: 65%;
height: 100%; height: 100%;
} }
.main_bottom_b_left img { .main_bottom_b_left img {
position: absolute; position: absolute;
color: #000;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }

32
poem/index.html
Unescape View File

@ -56,8 +56,8 @@
</div> </div>
</div> </div>
<div class="main_top_left_top main_top_left_bottom"> <div class="main_top_left_top main_top_left_bottom">
<img src="./images/main_top_left.png"/> <img src="./images/main_top_left.png"/> -->
<div class="main_top_left_top_title">XX信息员添加数据展示</div> <div class="main_top_left_top_title">各朝代诗人数量</div>
<div id="baseId" class="main_top_left_top_con"></div> <div id="baseId" class="main_top_left_top_con"></div>
</div> </div>
</div> </div>
@ -178,7 +178,7 @@
<div class="main_bottom_top"> <div class="main_bottom_top">
<div class="main_bottom_top_list"> <div class="main_bottom_top_list">
<img src="./images/main_bottopm_top1.png"> <img src="./images/main_bottopm_top1.png">
<div class="main_bottom_t_l_title">XX指南</div> <div class="main_bottom_t_l_title">经典诗句</div>
<div class="main_bottom_t_l_con" style="top: -15px"> <div class="main_bottom_t_l_con" style="top: -15px">
<div class="main_bottom_t_l_main"> <div class="main_bottom_t_l_main">
<ul> <ul>
@ -210,9 +210,10 @@
</div> </div>
</div> </div>
</div> </div>
<!-- -->
<div class="main_bottom_top_list"> <div class="main_bottom_top_list">
<img src="./images/main_bottopm_top2.png"> <img src="./images/main_bottopm_top2.png">
<div class="main_bottom_t_l_title">XXXX公开占比</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"> <!-- <div class="main_bottom_top_list">
@ -256,21 +257,21 @@
<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"> <!-- <div class="main_bottom_b_middle1">
<img src="./images/main_bootm_middle.png"> <img src="./images/main_bootm_middle.png">
<div class="main_bottom_b_title">关注XXXX占比</div> <div class="main_bottom_b_title">关注XXXX占比</div>
<div id="contentId" class="main_bottom_b_con main_bottom_b_con2"></div> <div id="contentId" class="main_bottom_b_con main_bottom_b_con2"></div>
</div> </div> -->
<div class="main_bottom_b_middle2"> <!-- <div class="main_bottom_b_middle2">
<img src="./images/main_bootm_middle.png"> <img src="./images/main_bootm_middle.png">
<div class="main_bottom_b_title">XXXX发布量</div> <div class="main_bottom_b_title">XXXX发布量</div>
<div id="publicNumId" class="main_bottom_b_con main_bottom_b_con2"></div> <div id="publicNumId" class="main_bottom_b_con main_bottom_b_con2"></div>
</div> </div> -->
<div class="main_bottom_b_right"> <!-- <div class="main_bottom_b_right">
<img src="./images/main_bottom_bottom.png"> <img src="./images/main_bottom_bottom.png">
<div class="main_bottom_b_title">XXX公开数量</div> <div class="main_bottom_b_title">XXX公开数量</div>
<div id="yearsNumId" class="main_bottom_b_con"></div> <div id="yearsNumId" class="main_bottom_b_con"></div>
</div> </div> -->
</div> </div>
</div> </div>
</div> </div>
@ -279,7 +280,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="https://www.jq22.com/jquery/echarts-4.2.1.min.js"></script> <script src="./js/echarts.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>
@ -323,8 +324,6 @@
}, },
// 基础信息 // 基础信息
baseInfo:function() { baseInfo:function() {
var baseChart = echarts.init(document.getElementById('baseId')); var baseChart = echarts.init(document.getElementById('baseId'));
var charts = [ var charts = [
{name: "测试1", num: 200}, {name: "测试1", num: 200},
@ -332,6 +331,11 @@
{name: "测试3", num: 400}, {name: "测试3", num: 400},
{name: "测试4", num: 500}, {name: "测试4", num: 500},
{name: "测试5", num: 300}, {name: "测试5", num: 300},
{name: "测试1", num: 200},
{name: "测试2", num: 300},
{name: "测试3", num: 400},
{name: "测试4", num: 500},
{name: "测试5", num: 300},
] ]
var color = ['rgba(100,255,249', 'rgba(100,255,249', 'rgba(100,255,249', 'rgba(100,255,249', 'rgba(100,255,249'] var color = ['rgba(100,255,249', 'rgba(100,255,249', 'rgba(100,255,249', 'rgba(100,255,249', 'rgba(100,255,249']
@ -373,7 +377,7 @@
// borderWidth: 1, // borderWidth: 1,
top: '10%', top: '10%',
left: '30%', left: '30%',
right: '20%', right: '10%',
bottom: '3%' bottom: '3%'
}, },
color: color, color: color,

96232
poem/js/echarts.js
View File

File diff suppressed because it is too large Load Diff

BIN
poem/更多内容关注公众号.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 368 KiB

BIN
poem/更多内容关注公众号.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 27 KiB

Write Preview
Loading…
Cancel
Save