This commit is contained in:
2023-06-09 18:36:09 +08:00
parent d64e6a4650
commit 53ca0f3197
27 changed files with 1533 additions and 501 deletions

View File

@@ -73,7 +73,11 @@
</div>
</div>
</div>
<div class="machine_wrap yyj_wrap_1">
<div class="yaji_wrap">
<div class="machine_wrap yyj_wrap_1">
<!-- <div class="sh_machine yj_gif">
<img src="../../../images/workshop/yj_2500.gif" alt="">
</div> -->
<div class="sh_machine weilan">
<img src="../../../images/workshop/weilan_2.png" alt="">
</div>
@@ -81,20 +85,24 @@
<img src="../../../images/workshop/jzjcss_yellow.png" alt="">
</div>
<div class="sh_machine yyj">
<img src="../../../images/workshop/yyj_gray.png" alt="">
<img src="../../../images/workshop/yj_2500_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">
<div class="sh_machine kongtuopan_1 kongtuopan_2">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine robot">
<img src="../../../images/workshop/robot_1.png" alt="">
<img src="../../../images/workshop/robot_2500_yellow.png" alt="">
</div>
</div>
<div class="machine_wrap yyj_wrap_2">
<div class="sh_machine block_1">
</div>
<div class="sh_machine block_1 block_2">
</div>
</div>
<div class="machine_wrap yyj_wrap_1 yyj_wrap_2">
<div class="sh_machine weilan">
<img src="../../../images/workshop/weilan_1.png" alt="">
</div>
@@ -102,177 +110,184 @@
<img src="../../../images/workshop/jzjcss_yellow.png" alt="">
</div>
<div class="sh_machine yyj">
<img src="../../../images/workshop/yyj_gray.png" alt="">
<img src="../../../images/workshop/yj_2500_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">
<div class="sh_machine kongtuopan_1 kongtuopan_2">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine robot">
<img src="../../../images/workshop/robot_1.png" alt="">
<img src="../../../images/workshop/robot_2500_yellow.png" alt="">
</div>
</div>
<div class="machine_wrap cyj_wrap_1">
</div>
<div class="machine_wrap yyj_wrap_1 cyj_wrap_1">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
<div class="sh_machine cyj_2">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<div class="sh_machine cyj_1 cyj_2">
<img src="../../../images/workshop/yj_630_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 class="sh_machine jzjcj_1">
<img src="../../../images/workshop/jzjcj_630.png" alt="">
</div>
<div class="sh_machine jzjcj_1 jzjcj_2">
<img src="../../../images/workshop/jzjcj_630.png" alt="">
</div>
<div class="sh_machine lmyzj">
<img src="../../../images/workshop/lmyzj_630.png" alt="">
</div>
<div class="sh_machine kongtuopan_1">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_2">
<div class="sh_machine kongtuopan_1 kongtuopan_2">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_3">
<div class="sh_machine kongtuopan_1 kongtuopan_3">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_4">
<div class="sh_machine kongtuopan_1 kongtuopan_4">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine robot">
<img src="../../../images/workshop/robot_2.png" alt="">
<img src="../../../images/workshop/robot_2500_yellow.png" alt="">
</div>
</div>
<div class="machine_wrap cyj_wrap_2">
</div>
<div class="machine_wrap yyj_wrap_1 cyj_wrap_1 cyj_wrap_2">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
<div class="sh_machine cyj_2">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<div class="sh_machine cyj_1 cyj_2">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
<div class="sh_machine kongtuopan_1">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_2">
<div class="sh_machine kongtuopan_1 kongtuopan_2">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_3">
<div class="sh_machine kongtuopan_1 kongtuopan_3">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_4">
<div class="sh_machine kongtuopan_1 kongtuopan_4">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
</div>
<div class="machine_wrap cyj_wrap_3">
</div>
<div class="machine_wrap yyj_wrap_1 cyj_wrap_1 cyj_wrap_3">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
<div class="sh_machine weilan">
<img src="../../../images/workshop/weilan_2.png" alt="">
<img src="../../../images/workshop/weilan_6.png" alt="">
</div>
<div class="sh_machine kongtuopan_1">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_2">
<div class="sh_machine kongtuopan_1 kongtuopan_2">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine jcpmj">
<img src="../../../images/workshop/jcpmj.png" alt="">
</div>
<div class="sh_machine robot">
<img src="../../../images/workshop/robot_3.png" alt="">
<img src="../../../images/workshop/robot_2500_yellow.png" alt="">
</div>
</div>
<div class="machine_wrap cyj_wrap_2 cyj_wrap_4">
</div>
<div class="machine_wrap yyj_wrap_1 cyj_wrap_1 cyj_wrap_2 cyj_wrap_4">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
<div class="sh_machine cyj_2">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<div class="sh_machine cyj_1 cyj_2">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
<div class="sh_machine kongtuopan_1">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_2">
<div class="sh_machine kongtuopan_1 kongtuopan_2">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_3">
<div class="sh_machine kongtuopan_1 kongtuopan_3">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_4">
<div class="sh_machine kongtuopan_1 kongtuopan_4">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
</div>
<div class="machine_wrap yyj_wrap_2 yyj_wrap_3">
</div>
<div class="machine_wrap yyj_wrap_1 yyj_wrap_2 yyj_wrap_3">
<div class="sh_machine yyj">
<img src="../../../images/workshop/yyj_gray.png" alt="">
<img src="../../../images/workshop/yj_2500_gray.png" alt="">
</div>
<div class="sh_machine wzm"></div>
</div>
<div class="machine_wrap cyj_wrap_1 cyj_wrap_5">
</div>
<div class="machine_wrap yyj_wrap_1 cyj_wrap_1 cyj_wrap_5">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
<div class="sh_machine cyj_2">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<div class="sh_machine cyj_1 cyj_2">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
</div>
<div class="machine_wrap cyj_wrap_2 cyj_wrap_6">
</div>
<div class="machine_wrap yyj_wrap_1 cyj_wrap_1 cyj_wrap_2 cyj_wrap_6">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
<div class="sh_machine cyj_2">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<div class="sh_machine cyj_1 cyj_2">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
</div>
<div class="machine_wrap cyj_wrap_3 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_2 cyj_wrap_8">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<div class="machine_wrap yyj_wrap_1 cyj_wrap_1 cyj_wrap_3 cyj_wrap_7">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
</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 class="machine_wrap yyj_wrap_1 cyj_wrap_1 cyj_wrap_2 cyj_wrap_4 cyj_wrap_8">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
<div class="sh_machine cyj_1 cyj_2">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
<div class="sh_machine kongtuopan_1 kongtuopan_3">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine kongtuopan_1 kongtuopan_4">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
</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="">
<img src="../../../images/workshop/yj_630_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="">
<img src="../../../images/workshop/yj_630_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="">
<img src="../../../images/workshop/yj_630_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="">
<img src="../../../images/workshop/yj_630_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="">
<img src="../../../images/workshop/yj_630_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="">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
</div>
</div>
@@ -351,239 +366,6 @@
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 12%
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 29%
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 39%
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: 18%;
transform rotate(90deg)
.cyj_1
width: 25%;
.weilan
width 65%
left auto
right 0
top: -8%;
img
transform rotate(-90deg)
.robot
width 21%
top: 20%;
left: 43%;
.kongtuopan_1
width 14.5%
top: 15%;
left: auto;
right: 13%;
transform rotate(90deg)
.kongtuopan_2
width 14.5%
top: 53%
left: auto;
right: 13%;
transform rotate(90deg)
.jcpmj
width: 16%;
top: 0%;
left: 46%;
img
transform rotate(-90deg)
.cyj_wrap_4
left 7%
.yyj_wrap_3
width 16%
height 14%
top: 62%;
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
top 53.6%
.cyj_wrap_6
top 53.6%
.cyj_wrap_7
top: 53.6%;
.cyj_wrap_8
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%
@@ -644,4 +426,230 @@
&:nth-child(9)
height: 8%;
left: 200%
.yaji_wrap
position: absolute;
left: 0;
top: 15%;
width: 98%;
height: 55%;
// 压机
.yyj_wrap_1
width 10.801%
height 29.895%
transform rotate(90deg)
top: 4.4%;
left: 90.5%;
.yyj
width 50%
img
width: 83%;
left: 37%;
.wzm
_wh(50%, 41%)
background-color #d9d9d9
top auto
bottom 0
.jzjcss
width: 24%;
left: 51%;
top: 25%;
.weilan
width: 46%;
left: 54%;
top 37%
.robot
width 1%
height 1%
left: 75%;
top: 55%;
transform: rotate(-46deg)
animation rotate_2500_1 1.5s linear 1.5s infinite alternate-reverse
img
width 2400%
top: -800%;
left: -2000%;
.kongtuopan_1
width: 12%;
top: 81%;
left: 61%;
.kongtuopan_2
left: 74%;
.block_1
width: 10%;
height: 9%;
left: 74%;
top: 27%;
background-color #fff
.block_2
left:86%
.yyj_wrap_2
left: 80%;
.robot
animation rotate_630_1 1.5s linear 1.5s infinite alternate-reverse
.kongtuopan_1
top 37%
left 70%
transform rotate(90deg)
.kongtuopan_2
top 76%
.weilan
top 16%
.cyj_wrap_1
left 70%
.cyj_1
width 50%
height 50%
img
width 28%
left auto
right 0
.cyj_2
top 50%
img
top auto
bottom 0
.jzjcj_1
width 7%
height 50%
left 51%
img
top auto
bottom 5%
.jzjcj_2
top 50%
img
top 5%
.lmyzj
width: 13%;
left: 54%;
top: 33%;
.weilan
top 6%
.robot
left: 79%;
top: 49%;
.kongtuopan_1
top: 21%
left: 64%;
.kongtuopan_2
left: 80%;
.kongtuopan_3
top: 64%
.kongtuopan_4
top: 64%
left: 80%;
.cyj_wrap_2
left 60%
.kongtuopan_1
top: 14%;
left: 64%;
transform rotate(90deg)
.kongtuopan_2
top 30%
.kongtuopan_3
top 70%
.kongtuopan_4
top 86%
.cyj_wrap_3
left 50%
.cyj_1
top 25%
img
top 50%
transform translateY(-50%)
.weilan
top 15%
.robot
left: 75%
transform: rotate(15deg);
animation rotate_630_2 3s linear 1.5s infinite reverse
.kongtuopan_1
top 43%
left 90%
transform rotate(90deg)
.kongtuopan_2
top: 63%
.jcpmj
width: 18%;
top: 12%;
left: 57%;
.cyj_wrap_4
top 89%
.yyj_wrap_3
left auto
right 13%
.yyj
img
left -23%
transform rotate(180deg)
.cyj_wrap_5
left auto
right 17%
.cyj_wrap_6
left auto
right 17%
.cyj_wrap_7
left auto
right 17%
.cyj_wrap_8
left auto
right 17%
.kongtuopan_3
left 18%
.kongtuopan_4
left 18%
@keyframes rotate_2500_1 {
0% {
transform: rotate(-46deg)
}
10% {
transform: rotate(-46deg)
}
20% {
transform: rotate(-46deg)
}
90% {
transform: rotate(-120deg)
}
100% {
transform: rotate(-120deg)
}
}
@keyframes rotate_630_1 {
0% {
transform: rotate(-46deg)
}
10% {
transform: rotate(-46deg)
}
20% {
transform: rotate(-46deg)
}
90% {
transform: rotate(-90deg)
}
100% {
transform: rotate(-90deg)
}
}
@keyframes rotate_630_2 {
0% {
transform: rotate(150deg)
}
10% {
transform: rotate(150deg)
}
50% {
transform: rotate(70deg)
}
60% {
transform: rotate(70deg)
}
90% {
transform: rotate(15deg)
}
100% {
transform: rotate(15deg)
}
}
</style>