root/screen-lnsh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

homepage

Browse Source
This commit is contained in:
caill
2023-06-02 19:22:30 +08:00
parent a98a2bc1fb
commit 053694363f
26 changed files with 2657 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

253
src/pages/modules/homepage/two.vue
View File

@@ -26,7 +26,106 @@
<div class="status_name">故障/困料超时</div>
</div>
</div>
<div class="right_wrap"></div>
<div class="right_wrap">
<div class="machine_wrap mtp_wrap_1">
<div v-for="(e,i) in [1,2,3,4,5,6]" :key="i" class="mtp">
<img src="../../../images/workshop/mtp.png" alt="">
</div>
</div>
<div class="machine_wrap mtp_wrap_1 mtp_wrap_2">
<div v-for="(e,i) in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]" :key="i" class="mtp">
<img src="../../../images/workshop/mtp.png" alt="">
</div>
</div>
<div class="machine_wrap gtssj_wrap_1">
<div v-for="(e,i) in [1,2,3,4,5]" :key="i" class="gtssj">
<img src="../../../images/workshop/gtssj.png" alt="">
</div>
</div>
<div class="machine_wrap cpj_wrap_1">
<div class="cpj">
<img src="../../../images/workshop/cpj.png" alt="">
</div>
</div>
<div class="machine_wrap yao_wrap">
<div class="yaosb">
<img src="../../../images/workshop/yao.png" alt="">
</div>
<div class="sh_machine yjbyx_1">
<img src="../../../images/workshop/yjbyx.png" alt="">
</div>
<div class="sh_machine yjbyx_2">
<img src="../../../images/workshop/yjbyx.png" alt="">
</div>
</div>
<div class="machine_wrap mtp_wrap_3">
<div v-for="(e,i) in [1,2,3,4]" :key="i" class="mtp">
<img src="../../../images/workshop/mtp.png" alt="">
</div>
</div>
<div class="machine_wrap mtp_wrap_3 mtp_wrap_4">
<div v-for="(e,i) in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28]" :key="i" class="mtp">
<img src="../../../images/workshop/mtp.png" alt="">
</div>
</div>
<div class="machine_wrap cmd_wrap_1">
<div class="sh_machine kongtuopan_1">
<img src="../../../images/workshop/mtp.png" alt="">
</div>
<div class="sh_machine kongtuopan_2">
<img src="../../../images/workshop/mtp.png" alt="">
</div>
<div class="sh_machine robot_1">
<img src="../../../images/workshop/robot_4.png" alt="">
</div>
<div class="sh_machine weilan">
<img src="../../../images/workshop/weilan_5.png" alt="">
</div>
<div class="sh_machine fjfztb">
<img src="../../../images/workshop/fjfztb.png" alt="">
</div>
<div class="sh_machine guntssj_1">
<img src="../../../images/workshop/guntssj.png" alt="">
</div>
<div class="sh_machine guntssj_2">
<img src="../../../images/workshop/guntssj.png" alt="">
</div>
<div class="sh_machine robot_2">
<img src="../../../images/workshop/robot_4.png" alt="">
</div>
</div>
<div class="machine_wrap cmd_wrap_1 cmd_wrap_2">
<div class="sh_machine kongtuopan_1">
<img src="../../../images/workshop/mtp.png" alt="">
</div>
<div class="sh_machine kongtuopan_2">
<img src="../../../images/workshop/mtp.png" alt="">
</div>
<div class="sh_machine robot_1">
<img src="../../../images/workshop/robot_4.png" alt="">
</div>
<div class="sh_machine weilan">
<img src="../../../images/workshop/weilan_5.png" alt="">
</div>
<div class="sh_machine fjfztb">
<img src="../../../images/workshop/fjfztb.png" alt="">
</div>
<div class="sh_machine guntssj_1">
<img src="../../../images/workshop/guntssj.png" alt="">
</div>
<div class="sh_machine guntssj_2">
<img src="../../../images/workshop/guntssj.png" alt="">
</div>
<div class="sh_machine robot_2">
<img src="../../../images/workshop/robot_4.png" alt="">
</div>
</div>
<div class="machine_wrap liu_wrap">
<div class="sh_machine liu">
<img src="../../../images/workshop/liu.png" alt="">
</div>
</div>
</div>
</div>
<div class="n_right_content">
<div class="item_wrap">
@@ -408,7 +507,7 @@ export default {
position relative
z-index 1
_wh(100%, 100%)
_bis('../../../images/workshop/workshop_r.png')
// _bis('../../../images/workshop/workshop_r.png')
.scroll_wrap
_wh(100%, 100%)
border 1px solid rgba(8,205,248,0.3)
@@ -471,4 +570,154 @@ export default {
background-color $gray1
.red
background-color $orange
.machine_wrap
position absolute
z-index 2
.sh_machine
position absolute
top 0
left 0
z-index 3
width 100%
img
position absolute
top 0
left 0
z-index 4
_wh(100%, auto)
.mtp_wrap_1
width 2.5%
top 9%
left 3%
.mtp
width 100%
img
_wh(100%, auto)
.mtp_wrap_2
top 30%
.gtssj_wrap_1
width 2.5%
top 30%
left 8%
.gtssj
width 100%
img
_wh(100%, auto)
.cpj_wrap_1
width 4.5%
top 33%
left 6.5%
.cpj
width 100%
img
_wh(100%, auto)
.yao_wrap
width 69%
top 6.5%
left auto
right 7%
background-color #676767
.yaosb
width 100%
img
_wh(100%, auto)
.yjbyx_1
width: 4%;
top: -2%;
left: 2%;
img
_wh(100%, auto)
.yjbyx_2
width: 4%;
top: -2%;
left: auto;
right: 2%;
img
_wh(100%, auto)
.mtp_wrap_3
top 26%
left 21.5%
_fj(row,flex-start)
.mtp
width 26px
img
_wh(100%, auto)
.mtp_wrap_4
left 31%
.cmd_wrap_1
width: 8%;
height: 15%;
top: 41%;
left: 28%;
.robot_1
width: 20%;
left: 38%;
top: -2%;
.kongtuopan_1
width 15%
height 13%
top 3%
left 3%
img
_wh(100%, 100%)
.kongtuopan_2
width 15%
height 13%
top 3%
left auto
right 3%
transform rotate(180deg)
img
_wh(100%, 100%)
.fjfztb
width: 44%;
height: 60%;
top: 27%;
left: 26%;
img
_wh(100%, 100%)
.weilan
width: 100%;
height: 53%;
top: auto;
bottom: -19%;
left: 0;
img
_wh(100%, 100%)
.guntssj_1
width: 26%;
height: 27%;
top: auto
left: 0;
bottom: -16%
img
_wh(100%, 100%)
.guntssj_2
width: 26%;
height: 27%;
top: auto;
left: auto;
right: 0;
bottom: -16%
img
_wh(100%, 100%)
.robot_2
width: 20%;
left: 38%;
top: auto;
bottom: 9%
.cmd_wrap_2
left 43%
.liu_wrap
width: 48%;
top: 60%;
left: 26%;
height: 31%;
.liu
width: 100%;
top: 0;
left: 0;
height: 100%;
img
_wh(100%, 100%)
</style>