master
13451294168 1 year ago
parent c211d2e42d
commit 4b76edade5

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

@ -56,8 +56,8 @@
</div>
</div>
<div class="main_top_left_top main_top_left_bottom">
<img src="./images/main_top_left.png"/>
<div class="main_top_left_top_title">XX信息员添加数据展示</div>
<img src="./images/main_top_left.png"/> -->
<div class="main_top_left_top_title">各朝代诗人数量</div>
<div id="baseId" class="main_top_left_top_con"></div>
</div>
</div>
@ -178,7 +178,7 @@
<div class="main_bottom_top">
<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_title">经典诗句</div>
<div class="main_bottom_t_l_con" style="top: -15px">
<div class="main_bottom_t_l_main">
<ul>
@ -210,9 +210,10 @@
</div>
</div>
</div>
<!-- -->
<div class="main_bottom_top_list">
<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>
<!-- <div class="main_bottom_top_list">
@ -256,21 +257,21 @@
<div class="main_bottom_b_title">更多免费精品模板关注公众号</div>
<div id="coverageId" class="main_bottom_b_con"></div>
</div>
<div class="main_bottom_b_middle1">
<!-- <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">
</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">
</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>
@ -279,7 +280,7 @@
</html>
<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/digitalScroll.js"></script>
<script type="text/javascript" src="js/jcarousellite.js"></script>
@ -323,8 +324,6 @@
},
// 基础信息
baseInfo:function() {
var baseChart = echarts.init(document.getElementById('baseId'));
var charts = [
{name: "测试1", num: 200},
@ -332,6 +331,11 @@
{name: "测试3", num: 400},
{name: "测试4", num: 500},
{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']
@ -373,7 +377,7 @@
// borderWidth: 1,
top: '10%',
left: '30%',
right: '20%',
right: '10%',
bottom: '3%'
},
color: color,

File diff suppressed because it is too large Load Diff

Binary file not shown.

Before

Width:  |  Height:  |  Size: 368 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

Loading…
Cancel
Save