diff --git a/src/images/workshop/jcpmj.png b/src/images/workshop/jcpmj.png index 695545f..a602956 100644 Binary files a/src/images/workshop/jcpmj.png and b/src/images/workshop/jcpmj.png differ diff --git a/src/images/workshop/robot_2500_yellow.png b/src/images/workshop/robot_2500_yellow.png new file mode 100644 index 0000000..094ab11 Binary files /dev/null and b/src/images/workshop/robot_2500_yellow.png differ diff --git a/src/images/workshop/weilan_3.png b/src/images/workshop/weilan_3.png index 857d9dc..dd5981d 100644 Binary files a/src/images/workshop/weilan_3.png and b/src/images/workshop/weilan_3.png differ diff --git a/src/images/workshop/weilan_6.png b/src/images/workshop/weilan_6.png new file mode 100644 index 0000000..ef7e8d3 Binary files /dev/null and b/src/images/workshop/weilan_6.png differ diff --git a/src/images/workshop/yj_630.gif b/src/images/workshop/yj_630.gif new file mode 100644 index 0000000..4104491 Binary files /dev/null and b/src/images/workshop/yj_630.gif differ diff --git a/src/pages/modules/homepage/one.vue b/src/pages/modules/homepage/one.vue index 126fe54..a1d38bc 100644 --- a/src/pages/modules/homepage/one.vue +++ b/src/pages/modules/homepage/one.vue @@ -61,6 +61,9 @@
+
@@ -74,19 +77,18 @@
-
+
- + +
+
+
+
-
-
- -
-
- -
+
+
-
+
@@ -120,7 +122,7 @@
-
+
@@ -129,117 +131,117 @@
-
+
-
+
-
+
- +
-
+
-
+
-
+
-
+
-
+
-
+
- +
-
+
- +
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
@@ -856,225 +858,152 @@ export default { left 200% .yyj_wrap_1 width 16% - height 14% - top 5% + height 16.442% + top 3% left 43% - transform scale(0.9) .yyj - width 28.22% - left 30.5% + width 50% + img + width: 83%; + left: 37%; .wzm - _wh(50.9%, 46.95%) + _wh(50%, 41%) background-color #d9d9d9 top auto bottom 0 .jzjcss - width 22% - left 51% - top 11% + width: 24%; + left: 51%; + top: 25%; .weilan - width 49.1% - height 73% - left auto - right 0 - top auto - bottom 0 + width: 46%; + left: 54%; + top 37% .robot - width 24% - left 53% - top 54% - transform rotate(270deg) + 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 15% - top auto - left auto - bottom 20% - right 30% - .kongtuopan_2 - width 15% - top auto - left auto - bottom 20% - right 14% -.yyj_wrap_2 - width 16% - height 14% - top 22% - left 43% - transform scale(0.9) - .yyj - width 28.22% - left 30.5% - .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 24% - left 72% - top 65% - transform rotate(90deg) - .kongtuopan_1 - width 15% - top 52% - left auto - right 6% - transform rotate(90deg) - .kongtuopan_2 - width 15% - top auto - left auto - bottom -10% - right 17% - transform rotate(-90deg) -.cyj_wrap_1 - width 11% - height 9% - top 41% - left 48.3% - .cyj_1 - width 20% - .cyj_2 - width 20% - top 100% - .jzjcj_1 - width: 10%; - left: 21%; - 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 49% - .robot - width: 20%; + width: 12%; top: 81%; - left: auto; - right: 17%; - .kongtuopan_1 - width: 20%; - top: 57%; - left: auto; - right: 35%; + left: 61%; .kongtuopan_2 - width: 20%; - top: 57%; - left: auto; - right: 5%; - .kongtuopan_3 - width: 20%; - top: 103%; - left: auto; - right: 35%; - .kongtuopan_4 - width: 20%; - top: 103%; - left: auto; - right: 5%; -.cyj_wrap_2 - width 11% - height 9% - top 60% - left 48.5% - .cyj_1 - width 20% - .cyj_2 - width 20% - top 100% - .kongtuopan_1 - width 20% - top 20% - left 44% - transform rotate(90deg) - .kongtuopan_2 - width 20% - top 68% - left 44% - transform rotate(90deg) - .kongtuopan_3 - width 20% - top 120% - left 44% - transform rotate(90deg) - .kongtuopan_4 - width 20% - top 160% - left 44% - transform rotate(90deg) -.cyj_wrap_3 - width 11% - height 9% - top 75% - left 48.5% - .cyj_1 - width 20% - top 50% - .weilan - width: 65%; - left: auto; - right: 0; - top: 32.2%; - img - transform rotate(-90deg) + left: 74%; + .block_1 + width: 10%; + height: 9%; + left: 74%; + top: 27%; + background-color #fff + .block_2 + left:86% +.yyj_wrap_2 + top 22% .robot - width: 18%; - top: 67%; - left: 55%; + animation rotate_630_1 1.5s linear 1.5s infinite alternate-reverse .kongtuopan_1 - width 20% - top 75% - left auto - right -2% + top 37% + left 70% transform rotate(90deg) .kongtuopan_2 - width 20% - top: 112%; - left: auto; - right: -2%; - transform rotate(90deg) - .jcpmj - width: 20%; - top: 35%; - left: 43%; + top 76% + .weilan + top 16% +.cyj_wrap_1 + top 41% + .cyj_1 + width 50% + height 50% img - transform rotate(-90deg) + 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 + top 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 + top 75% + .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 - 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 + left -23% + transform rotate(180deg) .cyj_wrap_5 left auto right 17% @@ -1088,15 +1017,9 @@ export default { left auto right 17% .kongtuopan_3 - width 20% - top 120% - left -30% - transform rotate(90deg) + left 18% .kongtuopan_4 - width 20% - top 160% - left -30% - transform rotate(90deg) + left 18% .lz_wrap_4 width 2% height 63% @@ -1120,8 +1043,58 @@ export default { width 100% img _wh(100%, auto) -.yj_gif_wrap_1 - width 10% - .yj_gif - width 100% +@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) + } +}