大屏调整

This commit is contained in:
zxy
2024-02-22 14:18:17 +08:00
parent e74f665ed4
commit 6eccc7dc62

View File

@@ -30,7 +30,7 @@
</div>
<div class="mainbox mainbox1 indexBox">
<ul class="clearfix">
<li class="li1" style="height: calc(70% - 5px);">
<li class="li1" style="height: calc(65% - 5px);">
<div class="boxall">
<img class="left-top" src="images/bian_jiao_left_top.png" alt="" />
<img class="right-bottom-long" src="images/bian_jiao_bottom_right_2.png" />
@@ -40,11 +40,13 @@
<div class="boxall">
<img class="left-top" src="images/bian_jiao_left_top.png" alt="" />
<img class="right-bottom-long" src="images/bian_jiao_bottom_right_2.png" />
<div class="item-title" id="center_map_name"></div>
<div class="map4" id="echart2"></div>
<!-- <div class="item-title" id="center_map_name"></div>
<div class="map4" id="echart2"></div> -->
<div class="item-title">薪资待遇</div>
<div class="allnav" id="echart8" style="height: 100%;"></div>
</div>
<div class="boxall" style="display: flex;justify-content: space-between;background:#03071B;flex-direction: column;">
<div class="inner-box" style="flex: 1;margin-bottom: 5px;background:rgb(8,24,83);position: relative;">
<div class="inner-box" style="flex: 1;background:rgb(8,24,83);position: relative;">
<img class="left-top" src="images/bian_jiao_left_top.png" alt="" />
<img class="right-bottom-long" src="images/bian_jiao_bottom_right.png" />
<div class="item-title">分行业招聘需求</div>
@@ -76,17 +78,80 @@
</li>
</ul>
</div>
<div class="list-title" style="width:100%;height:30px;line-height:30px;overflow:hidden;">
<ul style="width:100%;height:30px;line-height:30px;border:1px solid rgba(101, 124, 168, 1);border-top:none;">
<li class="topLeftTable" style="width:100%;height:30px;line-height:30px;display:flex;justify-content: space-around;">
<span>制造业</span>
<span>11034</span>
<span>11900</span>
</li>
</ul>
</div>
<div class="list-title" style="width:100%;height:30px;line-height:30px;overflow:hidden;">
<ul style="width:100%;height:30px;line-height:30px;border:1px solid rgba(101, 124, 168, 1);border-top:none;">
<li class="topLeftTable" style="width:100%;height:30px;line-height:30px;display:flex;justify-content: space-around;">
<span>制造业</span>
<span>11034</span>
<span>11900</span>
</li>
</ul>
</div>
<div class="list-title" style="width:100%;height:30px;line-height:30px;overflow:hidden;">
<ul style="width:100%;height:30px;line-height:30px;border:1px solid rgba(101, 124, 168, 1);border-top:none;">
<li class="topLeftTable" style="width:100%;height:30px;line-height:30px;display:flex;justify-content: space-around;">
<span>制造业</span>
<span>11034</span>
<span>11900</span>
</li>
</ul>
</div>
<div class="list-title" style="width:100%;height:30px;line-height:30px;overflow:hidden;">
<ul style="width:100%;height:30px;line-height:30px;border:1px solid rgba(101, 124, 168, 1);border-top:none;">
<li class="topLeftTable" style="width:100%;height:30px;line-height:30px;display:flex;justify-content: space-around;">
<span>制造业</span>
<span>11034</span>
<span>11900</span>
</li>
</ul>
</div>
<div class="list-title" style="width:100%;height:30px;line-height:30px;overflow:hidden;">
<ul style="width:100%;height:30px;line-height:30px;border:1px solid rgba(101, 124, 168, 1);border-top:none;">
<li class="topLeftTable" style="width:100%;height:30px;line-height:30px;display:flex;justify-content: space-around;">
<span>制造业</span>
<span>11034</span>
<span>11900</span>
</li>
</ul>
</div>
<div class="list-title" style="width:100%;height:30px;line-height:30px;overflow:hidden;">
<ul style="width:100%;height:30px;line-height:30px;border:1px solid rgba(101, 124, 168, 1);border-top:none;">
<li class="topLeftTable" style="width:100%;height:30px;line-height:30px;display:flex;justify-content: space-around;">
<span>制造业</span>
<span>11034</span>
<span>11900</span>
</li>
</ul>
</div>
<div class="list-title" style="width:100%;height:30px;line-height:30px;overflow:hidden;">
<ul style="width:100%;height:30px;line-height:30px;border:1px solid rgba(101, 124, 168, 1);border-top:none;">
<li class="topLeftTable" style="width:100%;height:30px;line-height:30px;display:flex;justify-content: space-around;">
<span>制造业</span>
<span>11034</span>
<span>11900</span>
</li>
</ul>
</div>
</div>
<div class="inner-box" style="flex: 2;background:rgb(8,24,83);">
</div>
<!-- <div class="inner-box" style="flex: 2;background:rgb(8,24,83);">
<img class="left-top" src="images/bian_jiao_left_top.png" alt="" />
<img class="right-bottom-long" src="images/bian_jiao_bottom_right.png" />
<div class="item-title">薪资待遇</div>
<div class="allnav" id="echart8" style="height: 100%;"></div>
</div>
</div> -->
</div>
</li>
<li class="li2">
<li class="li2" style="height: 35%;">
<div class="boxall" style="width: calc(33% - 5px)">
<img class="left-top" src="images/bian_jiao_left_top.png" alt="" />
<img class="right-bottom-long" src="images/bian_jiao_bottom_right.png" />