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

首页

Browse Source
This commit is contained in:
caill
2023-06-06 16:58:12 +08:00
parent 47f5249ed1
commit 2cd59bcf82
2 changed files with 45 additions and 571 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -42,6 +42,11 @@
<img src="../../../images/workshop/gtssj.png" alt="">
</div>
</div>
<div class="machine_wrap ktp_wrap_1">
<div class="ktp">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
</div>
<div class="machine_wrap cpj_wrap_1">
<div class="cpj">
<img src="../../../images/workshop/cpj.png" alt="">
@@ -70,6 +75,9 @@
</div>
<div class="cmd_block">
<div class="machine_wrap cmd_wrap_1">
<div class="sh_machine weilan1">
<img src="../../../images/workshop/weilan_5.png" alt="">
</div>
<div class="sh_machine kongtuopan_1">
<img src="../../../images/workshop/mtp.png" alt="">
</div>
@@ -79,7 +87,7 @@
<div class="sh_machine robot_1">
<img src="../../../images/workshop/robot_4.png" alt="">
</div>
<div class="sh_machine weilan">
<div class="sh_machine weilan2">
<img src="../../../images/workshop/weilan_5.png" alt="">
</div>
<div class="sh_machine fjfztb">
@@ -96,6 +104,9 @@
</div>
</div>
<div class="machine_wrap cmd_wrap_1 cmd_wrap_2">
<div class="sh_machine weilan1">
<img src="../../../images/workshop/weilan_5.png" alt="">
</div>
<div class="sh_machine kongtuopan_1">
<img src="../../../images/workshop/mtp.png" alt="">
</div>
@@ -105,7 +116,7 @@
<div class="sh_machine robot_1">
<img src="../../../images/workshop/robot_4_gray.png" alt="">
</div>
<div class="sh_machine weilan">
<div class="sh_machine weilan2">
<img src="../../../images/workshop/weilan_5.png" alt="">
</div>
<div class="sh_machine fjfztb">
@@ -599,18 +610,19 @@ export default {
_wh(100%, auto)
.mtp_wrap_2
top 35%
left 0
.gtssj_wrap_1
width 2.5%
top 35%
left 8%
left 2.6%
.gtssj
width 100%
img
_wh(100%, auto)
.cpj_wrap_1
width 4.5%
top 38%
left 6.5%
width: 4%;
top: 38%;
left: 1.3%;
.cpj
width 100%
img
@@ -666,31 +678,28 @@ export default {
.robot_1
width: 20%;
left: 38%;
top: -2%;
top: 0
.kongtuopan_1
width 15%
height 13%
width 26%
top 3%
left 3%
img
_wh(100%, 100%)
.kongtuopan_2
width 15%
height 13%
width 26%
top 3%
left auto
right 3%
.fjfztb
width: 44%
top: 33%;
left: 26%
.weilan1
width: 100%;
height: 53%;
left: 0;
transform rotate(180deg)
img
_wh(100%, 100%)
.fjfztb
width: 44%;
height: 60%;
top: 27%;
left: 26%;
img
_wh(100%, 100%)
.weilan
.weilan2
width: 100%;
height: 53%;
top: auto;
@@ -719,17 +728,19 @@ export default {
width: 20%;
left: 38%;
top: auto;
bottom: 9%
bottom: 12%
.cmd_wrap_2
left 38%
.liu_wrap
width: 122%;
top: 43%;
left: -12%;
.liu
width: 100%;
top: 0;
left: 0;
.ktp_wrap_1
width: 2.5%;
top: 35%;
left: 23%;
.ktp
width 100%
img
_wh(100%, auto)
.liu_wrap
width: 130%;
top: 43%;
left: -15%
</style>

545
src/pages/modules/sortpack/one.vue
View File

@@ -26,254 +26,12 @@
</div>
</div>
<div class="center_content">
<div class="machine_wrap lz_wrap_3">
<div class="lz_boxs">
<div class="lz">
<img src="../../../images/workshop/lz.png" alt="">
<div class="machine_wrap diepanji_wrap">
<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="lz_boxs">
<div v-for="(e,i) in [1,2,3]" :key="i" class="lz">
<img src="../../../images/workshop/lz.png" alt="">
</div>
</div>
<div class="lz_boxs">
<div class="lz">
<img src="../../../images/workshop/lz.png" alt="">
</div>
</div>
<div class="lz_boxs">
<div v-for="(e,i) in [1,2,3]" :key="i" class="lz">
<img src="../../../images/workshop/lz.png" alt="">
</div>
</div>
<div class="lz_boxs">
<div class="lz">
<img src="../../../images/workshop/lz.png" alt="">
</div>
</div>
<div class="lz_boxs">
<div class="lz">
<img src="../../../images/workshop/lz.png" alt="">
</div>
</div>
<div class="lz_boxs">
<div class="lz">
<img src="../../../images/workshop/lz.png" alt="">
</div>
</div>
<div class="lz_boxs">
<div class="lz">
<img src="../../../images/workshop/lz.png" alt="">
</div>
</div>
<div class="lz_boxs">
<div class="lz">
<img src="../../../images/workshop/lz.png" alt="">
</div>
</div>
</div>
<div class="machine_wrap yyj_wrap_1">
<div class="sh_machine weilan">
<img src="../../../images/workshop/weilan_2.png" alt="">
</div>
<div class="sh_machine jzjcss">
<img src="../../../images/workshop/jzjcss_yellow.png" alt="">
</div>
<div class="sh_machine yyj">
<img src="../../../images/workshop/yyj_gray.png" alt="">
</div>
<div class="sh_machine wzm"></div>
<div class="sh_machine kongtuopan_1">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_2">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine robot">
<img src="../../../images/workshop/robot_1.png" alt="">
</div>
</div>
<div class="machine_wrap yyj_wrap_2">
<div class="sh_machine weilan">
<img src="../../../images/workshop/weilan_1.png" alt="">
</div>
<div class="sh_machine jzjcss">
<img src="../../../images/workshop/jzjcss_yellow.png" alt="">
</div>
<div class="sh_machine yyj">
<img src="../../../images/workshop/yyj_gray.png" alt="">
</div>
<div class="sh_machine wzm"></div>
<div class="sh_machine kongtuopan_1">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_2">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine robot">
<img src="../../../images/workshop/robot_1.png" alt="">
</div>
</div>
<div class="machine_wrap cyj_wrap_1">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
<div class="sh_machine cyj_2">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
<div class="sh_machine weilan">
<img src="../../../images/workshop/weilan_3.png" alt="">
</div>
<div class="sh_machine jzjcss">
<img src="../../../images/workshop/jzjcss_yellow.png" alt="">
</div>
<div class="sh_machine kongtuopan_1">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_2">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_3">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_4">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine robot">
<img src="../../../images/workshop/robot_2.png" alt="">
</div>
</div>
<div class="machine_wrap cyj_wrap_2">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
<div class="sh_machine cyj_2">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
<div class="sh_machine kongtuopan_1">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_2">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_3">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_4">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
</div>
<div class="machine_wrap cyj_wrap_3">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
<div class="sh_machine cyj_2">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
<div class="sh_machine weilan">
<img src="../../../images/workshop/weilan_4.png" alt="">
</div>
<div class="sh_machine kongtuopan_1">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_2">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine robot">
<img src="../../../images/workshop/robot_3.png" alt="">
</div>
</div>
<div class="machine_wrap cyj_wrap_2 cyj_wrap_4">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
<div class="sh_machine cyj_2">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
<div class="sh_machine kongtuopan_1">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_2">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_3">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_4">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
</div>
<div class="machine_wrap yyj_wrap_3">
<div class="sh_machine yyj">
<img src="../../../images/workshop/yyj_gray.png" alt="">
</div>
<div class="sh_machine wzm"></div>
</div>
<div class="machine_wrap cyj_wrap_1 cyj_wrap_5">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
<div class="sh_machine cyj_2">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
</div>
<div class="machine_wrap cyj_wrap_1 cyj_wrap_6">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
<div class="sh_machine cyj_2">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
</div>
<div class="machine_wrap cyj_wrap_1 cyj_wrap_7">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
</div>
<div class="machine_wrap cyj_wrap_1 cyj_wrap_8">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
<div class="sh_machine cyj_2">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
<div class="sh_machine kongtuopan_3">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_4">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
</div>
<div class="machine_wrap mtp_wrap_1">
<div class="mtp" v-for="(e,i) in [1,2,3,4,5,6]" :key="i">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
</div>
<div class="machine_wrap mtp_wrap_1 mtp_wrap_2">
<div class="mtp" v-for="(e,i) in [1,2,3,4,5,6]" :key="i">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
</div>
<div class="machine_wrap mtp_wrap_1 mtp_wrap_3">
<div class="mtp" v-for="(e,i) in [1,2,3,4,5,6]" :key="i">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
</div>
<div class="machine_wrap mtp_wrap_1 mtp_wrap_4">
<div class="mtp" v-for="(e,i) in [1,2,3,4,5,6]" :key="i">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
</div>
<div class="machine_wrap mtp_wrap_1 mtp_wrap_5">
<div class="mtp" 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">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
</div>
<div class="machine_wrap mtp_wrap_1 mtp_wrap_6">
<div class="mtp" 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">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
</div>
</div>
</div>
@@ -351,299 +109,4 @@
left 0
z-index 4
_wh(100%, auto)
.yyj_wrap_1
width 16%
height 14%
top 20%
right -2%
transform rotate(90deg)
.yyj
width 28.22%
height 42%
left 30.5%
img
_wh(100%, 100%)
.wzm
_wh(50.9%, 46.95%)
background-color #d9d9d9
top auto
bottom 0
.jzjcss
width 22%
left 51%
top 11%
.weilan
width 49.1%
height 73%
left auto
right 0
top auto
bottom 0
.robot
width: 26%;
left: 53%;
top: 62%;
.kongtuopan_1
width: 10%;
top: 113%;
left: 60%;
.kongtuopan_2
width 10%
top: 113%;
left: 72%;
.yyj_wrap_2
width 16%
height 14%
top 20%
right 10%
transform rotate(90deg)
.yyj
width 28.22%
height 42%
left 30.5%
img
_wh(100%, 100%)
.wzm
_wh(50.9%, 46.95%)
background-color #d9d9d9
top auto
bottom 0
.jzjcss
width 22%
left 51%
top 11%
.weilan
width: 34%;
height: 73%;
left: 53%;
top 27%
.robot
width 24%
left 72%
top 65%
transform rotate(90deg)
.kongtuopan_1
width 10%
top: 53%;
left: 76%;
transform rotate(90deg)
.kongtuopan_2
width 10%
top: 113%;
left: 69%;
transform rotate(-90deg)
.cyj_wrap_1
width 11%
height 20%
top 23%
right 26%
transform rotate(90deg)
.cyj_1
width 25%
top 0
.cyj_2
width 25%
top 90%
.jzjcss
width: 32%;
left: 25%;
top: 43%;
.weilan
width 70%
left auto
right 0
top 48%
.robot
width: 18%;
top: 71%;
left: auto;
right: 19%;
.kongtuopan_1
width 14.5%
top 53%
left auto
right 35%
.kongtuopan_2
width 14.5%
top 53%
left auto
right 12%
.kongtuopan_3
width 14.5%
top 90%
left auto
right 35%
.kongtuopan_4
width 14.5%
top 90%
left auto
right 12%
.cyj_wrap_2
width 11%
height 20%
top 23%
left 44%
transform rotate(90deg)
.cyj_1
width 25%
.cyj_2
width 25%
top 90%
.kongtuopan_1
width 14.5%
top: 19%;
left: 38%;
transform rotate(90deg)
.kongtuopan_2
width 14.5%
top: 50%;
left: 38%;
transform rotate(90deg)
.kongtuopan_3
width 14.5%
top: 106%;
left: 38%;
transform rotate(90deg)
.kongtuopan_4
width 14.5%
top: 139%;
left: 38%;
transform rotate(90deg)
.cyj_wrap_3
width 11%
height 20%
top: 23%;
left: 25%;
transform rotate(90deg)
.cyj_1
width: 25%;
.cyj_2
width 25%
top 90%
.weilan
width 70%
left auto
right 0
top: 37%;
.robot
width 21%
top: 62%;
left: 43%;
.kongtuopan_1
width 14.5%
top: 53%;
left: auto;
right: 13%;
transform rotate(90deg)
.kongtuopan_2
width 14.5%
top: auto;
bottom: -1%;
left: auto;
right: 13%;
transform rotate(90deg)
.cyj_wrap_4
left 7%
.yyj_wrap_3
width 16%
height 14%
top: 62%;
right: 10%;
transform rotate(90deg)
.yyj
width 28.22%
left -7.5%
transform rotate(180deg)
height 42%
img
_wh(100%, 100%)
.wzm
_wh(50.9%, 46.95%)
background-color #d9d9d9
top auto
bottom 0
.cyj_wrap_5
left auto
right 26%
top 53.6%
.cyj_wrap_6
left 44%
top 53.6%
.cyj_wrap_7
left: 21%;
top: 53.6%;
.cyj_wrap_8
left auto
left 7%
top 53.6%;
.kongtuopan_3
width 14.5%
top: 106%;
left: -17%
transform rotate(90deg)
.kongtuopan_4
width 14.5%
top: 139%;
left: -17%
transform rotate(90deg)
.mtp_wrap_1
width 1.5%
height 7.4%
top: 72%;
right: 3.6%;
transform rotate(90deg)
.mtp
width 100%
img
_wh(100%, auto)
.mtp_wrap_2
top 76%
.mtp_wrap_3
top 86%
.mtp_wrap_4
top 90%
.mtp_wrap_5
right 27%
top 86%
.mtp_wrap_6
right 27%
top 90%
.lz_wrap_3
width 2%
height 100%
top: -46%;
right: 26%;
transform rotate(90deg)
.lz_boxs
position relative
top 0
left 0
_wh(100%, 100%)
.lz
width 100%
img
_wh(100%, auto)
&:nth-child(1)
height: 8%;
&:nth-child(2)
height: 17%;
&:nth-child(3)
height: 8%;
&:nth-child(4)
height: 30%;
&:nth-child(5)
height: 13%;
left: 200%
&:nth-child(6)
height: 26%;
left: 100%
&:nth-child(7)
height: 53%;
left: 200%
&:nth-child(8)
height: 26%;
left: 200%
&:nth-child(9)
height: 8%;
left: 200%
</style>