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-07 17:39:47 +08:00
parent ef292249ca
commit 0992c48fd2
21 changed files with 374 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/images/workshop/cmdssj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
src/images/workshop/crj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
src/images/workshop/fmj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
src/images/workshop/fmj_bzd.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

0
src/images/workshop/guntssj.png → src/images/workshop/ggtssj.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

BIN
src/images/workshop/ggtssj_y.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
src/images/workshop/jcpmj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
src/images/workshop/jzjcj_630.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
src/images/workshop/lmyzj_630.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
src/images/workshop/ltssj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
src/images/workshop/ltssj_g.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
src/images/workshop/rgpt.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
src/images/workshop/rgv_ct.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
src/images/workshop/rgv_line.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.7 KiB

BIN
src/images/workshop/yj_2500.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 569 KiB

98
src/pages/modules/homepage/one.vue
View File

@@ -56,7 +56,7 @@
</div>
</div>
<div class="machine_wrap lz_wrap_3">
<div v-for="(e,i) in [1,2,3,4,5,6,7,8,9,10,11,12,13]" :key="i" class="sh_machine lz">
<div v-for="(e,i) in [1,2,3,4,5,6,7,8,9,10,11,12]" :key="i" class="sh_machine lz">
<img src="../../../images/workshop/lz.png" alt="">
</div>
</div>
@@ -81,7 +81,12 @@
<img src="../../../images/workshop/robot_1.png" alt="">
</div>
</div>
<div class="machine_wrap yyj_wrap_2">
<div class="machine_wrap yj_gif_wrap_1">
<div class="sh_machine yj_gif">
<img src="../../../images/workshop/yj_2500.gif" alt="">
</div>
</div>
<!-- <div class="machine_wrap yyj_wrap_2">
<div class="sh_machine weilan">
<img src="../../../images/workshop/weilan_1.png" alt="">
</div>
@@ -101,7 +106,7 @@
<div class="sh_machine robot">
<img src="../../../images/workshop/robot_1.png" alt="">
</div>
</div>
</div> -->
<div class="machine_wrap cyj_wrap_1">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
@@ -112,8 +117,14 @@
<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_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="">
@@ -152,14 +163,11 @@
</div>
</div>
<div class="machine_wrap cyj_wrap_3">
<!-- <div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_2_gray.png" alt="">
</div> -->
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
<div class="sh_machine weilan">
<img src="../../../images/workshop/weilan_4.png" alt="">
<img src="../../../images/workshop/weilan_2.png" alt="">
</div>
<div class="sh_machine kongtuopan_1">
<img src="../../../images/workshop/ktp.png" alt="">
@@ -167,6 +175,9 @@
<div class="sh_machine 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="">
</div>
@@ -372,9 +383,9 @@ export default {
}
},
setEchart2 () {
let date = ['压机1', '压机2', '压机3', '压机4', '压机5', '压机6', '压机7', '压机8', '压机9', '压机10', '压机11', '压机12', '压机13', '压机14', '压机15', '压机16']
let data1 = ['500', '600', '700', '800', '500', '600', '700', '800', '900', '1000', '500', '600', '700', '800', '500', '600']
let data2 = ['50', '180', '70', '100', '50', '70', '100', '180', '100', '120', '50', '180', '70', '100', '50', '70']
let date = ['压机1', '压机2', '压机3', '压机4', '压机5', '压机6', '压机7', '压机8', '压机9', '压机10']
let data1 = ['500', '600', '700', '800', '500', '600', '700', '800', '900', '1000']
let data2 = ['50', '180', '70', '100', '50', '70', '100', '180', '100', '120']
let option = {
grid: {
top: 50,
@@ -835,15 +846,12 @@ export default {
top 40%
left 200%
&:nth-child(10)
top 44%
left 100%
&:nth-child(11)
top 54%
left 200%
&:nth-child(12)
&:nth-child(11)
top 76%
left 200%
&:nth-child(13)
&:nth-child(12)
top 86%
left 200%
.yyj_wrap_1
@@ -941,28 +949,36 @@ export default {
.cyj_2
width 20%
top 100%
.jzjcss
width: 28.5%;
.jzjcj_1
width: 10%;
left: 21%;
top: 36%;
top: 36%
.jzjcj_2
width: 10%;
left: 21%;
top: 94%
.lmyzj
width: 16%;
left: 25%;
top: 65%;
.weilan
width 70%
left auto
right 0
top 55%
top 49%
.robot
width: 20%;
top: 84%;
top: 81%;
left: auto;
right: 17%;
.kongtuopan_1
width: 20%;
top: 62%;
top: 57%;
left: auto;
right: 35%;
.kongtuopan_2
width: 20%;
top: 62%;
top: 57%;
left: auto;
right: 5%;
.kongtuopan_3
@@ -1010,34 +1026,38 @@ export default {
height 9%
top 75%
left 48.5%
// .cyj_1
// width: 26%;
// top: 15%;
// left: 8%;
.cyj_1
width 20%
top 50%
.weilan
width 70%
left auto
right 0
top 29%
width: 65%;
left: auto;
right: 0;
top: 32.2%;
img
transform rotate(-90deg)
.robot
width: 18%;
top: 67%;
left: 40%;
left: 55%;
.kongtuopan_1
width 20%
top 65%
top 75%
left auto
right 11%
right -2%
transform rotate(90deg)
.kongtuopan_2
width 20%
top: 117%;
top: 112%;
left: auto;
right: 11%;
right: -2%;
transform rotate(90deg)
.jcpmj
width: 20%;
top: 35%;
left: 43%;
img
transform rotate(-90deg)
.cyj_wrap_4
top 89%
.yyj_wrap_3
@@ -1100,4 +1120,8 @@ export default {
width 100%
img
_wh(100%, auto)
.yj_gif_wrap_1
width 10%
.yj_gif
width 100%
</style>

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

@@ -42,11 +42,6 @@
<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="">
@@ -74,6 +69,11 @@
</div>
</div>
<div class="cmd_block">
<div class="machine_wrap ktp_wrap_1">
<div class="ktp">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
</div>
<div class="machine_wrap cmd_wrap_1">
<div class="sh_machine weilan1">
<img src="../../../images/workshop/weilan_5.png" alt="">
@@ -93,11 +93,11 @@
<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 class="sh_machine cmdssj_1">
<img src="../../../images/workshop/cmdssj.png" alt="">
</div>
<div class="sh_machine guntssj_2">
<img src="../../../images/workshop/guntssj.png" alt="">
<div class="sh_machine cmdssj_1 cmdssj_2">
<img src="../../../images/workshop/cmdssj.png" alt="">
</div>
<div class="sh_machine robot_2">
<img src="../../../images/workshop/robot_4.png" alt="">
@@ -122,19 +122,113 @@
<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 class="sh_machine cmdssj_1">
<img src="../../../images/workshop/cmdssj.png" alt="">
</div>
<div class="sh_machine guntssj_2">
<img src="../../../images/workshop/guntssj.png" alt="">
<div class="sh_machine cmdssj_1 cmdssj_2">
<img src="../../../images/workshop/cmdssj.png" alt="">
</div>
<div class="sh_machine robot_2">
<img src="../../../images/workshop/robot_4_gray.png" alt="">
</div>
</div>
<div class="machine_wrap liu_wrap">
<div class="sh_machine liu">
<!-- <div class="sh_machine liu">
<img src="../../../images/workshop/liu.png" alt="">
</div> -->
<div class="rgv_line_wrap">
<div class="rgv_line_1">
<div class="rgv_line_begine"></div>
<div class="rgv_line_begine rgv_line_end"></div>
<div class="rgv_line_node" v-for="(e,i) in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]" :key="i"></div>
</div>
<div class="rgv_line_1 rgv_line_2">
<div class="rgv_line_begine"></div>
<div class="rgv_line_begine rgv_line_end"></div>
<div class="rgv_line_node" v-for="(e,i) in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]" :key="i"></div>
</div>
<div class="rgv_line_3"></div>
</div>
<div class="sh_machine rgvct">
<img src="../../../images/workshop/rgv_ct.png" alt="">
</div>
<div class="machine_wrap ggtj_wrap_1">
<div class="machine_wrap ggtj">
<img src="../../../images/workshop/ggtssj_y.png" alt="" v-for="(e,i) in [1,2,3]" :key="i">
</div>
<div class="sh_machine fmj">
<img src="../../../images/workshop/fmj.png" alt="">
</div>
</div>
<div class="machine_wrap ggtj_wrap_1 ggtj_wrap_2">
<div class="machine_wrap ggtj">
<img src="../../../images/workshop/ggtssj_y.png" alt="">
</div>
</div>
<div class="machine_wrap ggtj_wrap_1 ggtj_wrap_3">
<div class="machine_wrap ggtj">
<img src="../../../images/workshop/ggtssj_y.png" alt="">
</div>
</div>
<div class="machine_wrap ggtj_wrap_1 ggtj_wrap_4">
<div class="machine_wrap ggtj">
<img src="../../../images/workshop/ggtssj_y.png" alt="" v-for="(e,i) in [1,2,3]" :key="i">
</div>
<div class="sh_machine fmj">
<img src="../../../images/workshop/fmj.png" alt="">
</div>
</div>
<div class="machine_wrap ggtj_wrap_1 ggtj_wrap_5">
<div class="machine_wrap ggtj">
<img src="../../../images/workshop/ggtssj_y.png" alt="">
</div>
</div>
<div class="machine_wrap ggtj_wrap_1 ggtj_wrap_6">
<div class="sh_machine rgpt">
<img src="../../../images/workshop/rgpt.png" alt="">
</div>
<div class="machine_wrap ggtj">
<img src="../../../images/workshop/ggtssj.png" alt="" v-for="(e,i) in [1,2,3,4,5,6,7,8,9]" :key="i">
</div>
<div class="sh_machine ltssj">
<img src="../../../images/workshop/ltssj_g.png" alt="">
</div>
<div class="sh_machine fmj_bzd">
<img src="../../../images/workshop/fmj_bzd.png" alt="">
</div>
<div class="sh_machine crj">
<img src="../../../images/workshop/crj.png" alt="">
</div>
</div>
<div class="machine_wrap ggtj_wrap_1 ggtj_wrap_7">
<div class="machine_wrap ggtj">
<img src="../../../images/workshop/ggtssj_y.png" alt="">
</div>
</div>
<div class="machine_wrap ggtj_wrap_1 ggtj_wrap_8">
<div class="machine_wrap ggtj">
<img src="../../../images/workshop/ggtssj_y.png" alt="">
</div>
</div>
<div class="machine_wrap ggtj_wrap_1 ggtj_wrap_9">
<div class="machine_wrap ggtj">
<img src="../../../images/workshop/ggtssj_y.png" alt="">
</div>
</div>
<div class="machine_wrap ggtj_wrap_1 ggtj_wrap_10">
<div class="machine_wrap ggtj">
<img src="../../../images/workshop/ggtssj_y.png" alt="">
</div>
</div>
<div class="machine_wrap ggtj_wrap_1 ggtj_wrap_11">
<div class="machine_wrap ggtj">
<img src="../../../images/workshop/ggtssj_y.png" alt="">
</div>
</div>
<div class="machine_wrap ggtj_wrap_1 ggtj_wrap_12">
<div class="machine_wrap ggtj">
<img src="../../../images/workshop/ggtssj.png" alt="" v-for="(e,i) in [1,2,3,4,5,6,7,8,9]" :key="i">
</div>
</div>
</div>
</div>
@@ -603,7 +697,7 @@ export default {
.mtp_wrap_1
width 2.5%
top 9%
left 3%
left 3.6%
.mtp
width 100%
img
@@ -614,7 +708,7 @@ export default {
.gtssj_wrap_1
width 2.5%
top 35%
left 2.6%
left 7.6%
.gtssj
width 100%
img
@@ -622,7 +716,7 @@ export default {
.cpj_wrap_1
width: 4%;
top: 38%;
left: 1.3%;
left: 6.3%;
.cpj
width 100%
img
@@ -670,6 +764,14 @@ export default {
position absolute
top: 35%;
left: 28%;
.ktp_wrap_1
width: 6.3%;
top: 0;
left: -12.5%;
.ktp
width 100%
img
_wh(100%, auto)
.cmd_wrap_1
width: 24%;
height: 36%;
@@ -707,23 +809,17 @@ export default {
left: 0;
img
_wh(100%, 100%)
.guntssj_1
width: 26%;
height: 27%;
top: auto
left: 0;
bottom: -16%
.cmdssj_1
width: 26%
top: 95%;
left: 4%;
img
_wh(100%, 100%)
.guntssj_2
width: 26%;
height: 27%;
top: auto;
left: auto;
right: 0;
bottom: -16%
transform rotateY(180deg)
.cmdssj_2
left auto
right 4%
img
_wh(100%, 100%)
transform rotate(0deg)
.robot_2
width: 20%;
left: 38%;
@@ -731,16 +827,112 @@ export default {
bottom: 12%
.cmd_wrap_2
left 38%
.ktp_wrap_1
width: 2.5%;
top: 35%;
left: 23%;
.ktp
.liu_wrap
_wh(130%, 78%)
top 43%
left -15%
.rgv_line_wrap
position absolute
top 0
left 0
_wh(100%, 9%)
.rgv_line_1
position absolute
top 0
left 2%
z-index 4
width 96%
height 10%
background-color #b2b2b2
margin 0 auto
box-shadow 0px 3px 10px #333333
_fj(row)
.rgv_line_begine
position absolute
top -100%
left 0
z-index 5
_wh(0.5%, 300%)
height 300%
background-color #b2b2b2
border-radius 50%
box-shadow 0px 3px 10px #333333
.rgv_line_end
left auto
right 0
.rgv_line_node
_wh(0.2%, 150%)
background-color #b2b2b2
border-radius 50%
box-shadow 0px 1px 4px #333333
.rgv_line_2
top auto
bottom 0
.rgv_line_3
position absolute
top 47.5%
left 0
z-index 4
width 100%
height 5%
background-color #b2b2b2
margin 0 auto
box-shadow 0px 3px 10px #333333
.rgvct
width: 10%;
top: 0.6%;
left: 75%;
.ggtj_wrap_1
_wh(5%, 90%)
top: 9%;
left: 7%;
.ggtj
width 100%
img
_wh(100%, auto)
.liu_wrap
width: 130%;
top: 43%;
left: -15%
.fmj
width: 120%;
left: -10%;
top 5%
.ggtj_wrap_2
left 14%
.ggtj_wrap_3
left 24%
.ggtj_wrap_4
left 31%
.ggtj_wrap_5
left 40%
.ggtj_wrap_6
left 48%
.rgpt
top 57%
width: 200%;
left: -50%;
z-index 1
.ltssj
top 55%
width: 120%;
left: -10%;
.fmj_bzd
top 80%
width: 120%;
left: -10%;
.crj
top: 98%;
width: 180%;
left: -74%;
.ggtj_wrap_7
left 56%
.ggtj_wrap_8
left 62%
.ggtj_wrap_9
left 68%
.ggtj_wrap_10
left 74%
.ggtj_wrap_11
left 80%
.ggtj_wrap_12
left: 76%;
top: 58%;
transform: rotate(-90deg);
</style>

8
src/pages/modules/homepage/two_back.vue
View File

@@ -85,10 +85,10 @@
<img src="../../../images/workshop/fjfztb.png" alt="">
</div>
<div class="sh_machine guntssj_1">
<img src="../../../images/workshop/guntssj.png" alt="">
<img src="../../../images/workshop/ggtssj.png" alt="">
</div>
<div class="sh_machine guntssj_2">
<img src="../../../images/workshop/guntssj.png" alt="">
<img src="../../../images/workshop/ggtssj.png" alt="">
</div>
<div class="sh_machine robot_2">
<img src="../../../images/workshop/robot_4.png" alt="">
@@ -111,10 +111,10 @@
<img src="../../../images/workshop/fjfztb.png" alt="">
</div>
<div class="sh_machine guntssj_1">
<img src="../../../images/workshop/guntssj.png" alt="">
<img src="../../../images/workshop/ggtssj.png" alt="">
</div>
<div class="sh_machine guntssj_2">
<img src="../../../images/workshop/guntssj.png" alt="">
<img src="../../../images/workshop/ggtssj.png" alt="">
</div>
<div class="sh_machine robot_2">
<img src="../../../images/workshop/robot_4.png" alt="">

8
src/pages/modules/processproduction/three.vue
View File

@@ -8,10 +8,10 @@
<script>
// import one from './one.vue'
// import two from './two.vue'
// import one from '../homepage/one.vue'
// import two from '../homepage/two.vue'
import one from '../takeshape/one.vue'
import two from '../takeshape/two.vue'
import one from '../homepage/one.vue'
import two from '../homepage/two.vue'
// import one from '../takeshape/one.vue'
// import two from '../takeshape/two.vue'
export default {
components: {
one,

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

@@ -65,10 +65,10 @@
<img src="../../../images/workshop/fjfztb.png" alt="">
</div>
<div class="sh_machine guntssj_1">
<img src="../../../images/workshop/guntssj.png" alt="">
<img src="../../../images/workshop/ggtssj.png" alt="">
</div>
<div class="sh_machine guntssj_2">
<img src="../../../images/workshop/guntssj.png" alt="">
<img src="../../../images/workshop/ggtssj.png" alt="">
</div>
<div class="sh_machine robot_2">
<img src="../../../images/workshop/robot_4.png" alt="">
@@ -94,15 +94,29 @@
<img src="../../../images/workshop/fjfztb.png" alt="">
</div>
<div class="sh_machine guntssj_1">
<img src="../../../images/workshop/guntssj.png" alt="">
<img src="../../../images/workshop/ggtssj.png" alt="">
</div>
<div class="sh_machine guntssj_2">
<img src="../../../images/workshop/guntssj.png" alt="">
<img src="../../../images/workshop/ggtssj.png" alt="">
</div>
<div class="sh_machine robot_2">
<img src="../../../images/workshop/robot_4_gray.png" alt="">
</div>
</div>
<div class="machine_wrap rgv_line_wrap">
<div class="sh_machine rgv_line">
<img src="../../../images/workshop/liu.png" alt="">
</div>
<!-- <div class="rgv_line_1">
<div class="rgv_line_begine"></div>
<div class="rgv_line_begine rgv_line_end"></div>
</div>
<div class="rgv_line_1 rgv_line_2">
<div class="rgv_line_begine"></div>
<div class="rgv_line_begine rgv_line_end"></div>
</div>
<div class="rgv_line_3"></div> -->
</div>
</div>
</div>
</div>
@@ -248,4 +262,45 @@
left: 38%;
.cmd_wrap_2
left 30%
.rgv_line_wrap
width 100%
height 8%
top 36%
left 0
.rgv_line_1
position absolute
top 0
left 2%
z-index 4
width 96%
height 7%
background-color #b2b2b2
margin 0 auto
box-shadow 0px 3px 10px #333333
.rgv_line_begine
position absolute
top -100%
left 0
z-index 5
_wh(0.5%, 300%)
height 300%
background-color #b2b2b2
border-radius 50%
box-shadow 0px 3px 10px #333333
.rgv_line_end
left auto
right 0
.rgv_line_2
top auto
bottom 0
.rgv_line_3
position absolute
top 45%
left 0
z-index 4
width 100%
height 5%
background-color #b2b2b2
margin 0 auto
box-shadow 0px 3px 10px #333333
</style>

15
src/pages/modules/takeshape/one.vue
View File

@@ -169,7 +169,7 @@
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
<div class="sh_machine weilan">
<img src="../../../images/workshop/weilan_4.png" alt="">
<img src="../../../images/workshop/weilan_2.png" alt="">
</div>
<div class="sh_machine kongtuopan_1">
<img src="../../../images/workshop/ktp.png" alt="">
@@ -177,6 +177,9 @@
<div class="sh_machine 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="">
</div>
@@ -515,10 +518,12 @@
.cyj_1
width: 25%;
.weilan
width 70%
width 65%
left auto
right 0
top: -8%;
img
transform rotate(-90deg)
.robot
width 21%
top: 20%;
@@ -535,6 +540,12 @@
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