大屏调整
This commit is contained in:
@@ -30,7 +30,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="mainbox mainbox1 indexBox">
|
<div class="mainbox mainbox1 indexBox">
|
||||||
<ul class="clearfix">
|
<ul class="clearfix">
|
||||||
<li class="li1" style="height: calc(70% - 5px);">
|
<li class="li1" style="height: calc(65% - 5px);">
|
||||||
<div class="boxall">
|
<div class="boxall">
|
||||||
<img class="left-top" src="images/bian_jiao_left_top.png" alt="" />
|
<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" />
|
<img class="right-bottom-long" src="images/bian_jiao_bottom_right_2.png" />
|
||||||
@@ -40,11 +40,13 @@
|
|||||||
<div class="boxall">
|
<div class="boxall">
|
||||||
<img class="left-top" src="images/bian_jiao_left_top.png" alt="" />
|
<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" />
|
<img class="right-bottom-long" src="images/bian_jiao_bottom_right_2.png" />
|
||||||
<div class="item-title" id="center_map_name"></div>
|
<!-- <div class="item-title" id="center_map_name"></div>
|
||||||
<div class="map4" id="echart2"></div>
|
<div class="map4" id="echart2"></div> -->
|
||||||
|
<div class="item-title">薪资待遇</div>
|
||||||
|
<div class="allnav" id="echart8" style="height: 100%;"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="boxall" style="display: flex;justify-content: space-between;background:#03071B;flex-direction: column;">
|
<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="left-top" src="images/bian_jiao_left_top.png" alt="" />
|
||||||
<img class="right-bottom-long" src="images/bian_jiao_bottom_right.png" />
|
<img class="right-bottom-long" src="images/bian_jiao_bottom_right.png" />
|
||||||
<div class="item-title">分行业招聘需求</div>
|
<div class="item-title">分行业招聘需求</div>
|
||||||
@@ -76,17 +78,80 @@
|
|||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
<div class="inner-box" style="flex: 2;background:rgb(8,24,83);">
|
<!-- <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="left-top" src="images/bian_jiao_left_top.png" alt="" />
|
||||||
<img class="right-bottom-long" src="images/bian_jiao_bottom_right.png" />
|
<img class="right-bottom-long" src="images/bian_jiao_bottom_right.png" />
|
||||||
<div class="item-title">薪资待遇</div>
|
<div class="item-title">薪资待遇</div>
|
||||||
<div class="allnav" id="echart8" style="height: 100%;"></div>
|
<div class="allnav" id="echart8" style="height: 100%;"></div>
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="li2">
|
<li class="li2" style="height: 35%;">
|
||||||
<div class="boxall" style="width: calc(33% - 5px)">
|
<div class="boxall" style="width: calc(33% - 5px)">
|
||||||
<img class="left-top" src="images/bian_jiao_left_top.png" alt="" />
|
<img class="left-top" src="images/bian_jiao_left_top.png" alt="" />
|
||||||
<img class="right-bottom-long" src="images/bian_jiao_bottom_right.png" />
|
<img class="right-bottom-long" src="images/bian_jiao_bottom_right.png" />
|
||||||
|
|||||||
Reference in New Issue
Block a user