diff --git a/src/assets/images/sy/jyfw.png b/src/assets/images/sy/jyfw.png index 0d3c9a0..8e5ca3e 100644 Binary files a/src/assets/images/sy/jyfw.png and b/src/assets/images/sy/jyfw.png differ diff --git a/src/assets/images/sy/jyfwM.png b/src/assets/images/sy/jyfwM.png new file mode 100644 index 0000000..f1f194d Binary files /dev/null and b/src/assets/images/sy/jyfwM.png differ diff --git a/src/assets/images/sy/主页人口.gif b/src/assets/images/sy/主页人口.gif new file mode 100644 index 0000000..bea9f9b Binary files /dev/null and b/src/assets/images/sy/主页人口.gif differ diff --git a/src/assets/ylMove.gif b/src/assets/ylMove.gif new file mode 100644 index 0000000..9ecab1b Binary files /dev/null and b/src/assets/ylMove.gif differ diff --git a/src/components/header.vue b/src/components/header.vue index abe7919..064df20 100644 --- a/src/components/header.vue +++ b/src/components/header.vue @@ -164,6 +164,7 @@ onMounted(() => { display: flex; position: absolute; align-items: center; + z-index: 2; } &-left { diff --git a/src/view/sy.vue b/src/view/sy.vue index 5879b73..687e7c4 100644 --- a/src/view/sy.vue +++ b/src/view/sy.vue @@ -177,6 +177,7 @@ >
{{ data.employmentService.jypx }}
就业培训
+
{{ data.employmentService.jyjxfw }}
就业见习服务
+
{{ data.employmentService.jyyz }}
就业援助
+
@@ -198,6 +201,11 @@
+
{{ data.PopulationData.man }}
{ //就业服务 .left_3_1 { width: 94%; - margin-top: 15px; + margin-top: 40px; display: flex; justify-content: space-around; &_item { box-sizing: border-box; width: 160px; - height: 133px; + height: 112px; background-image: url(@/assets/images/sy/jyfw.png); background-repeat: no-repeat; background-size: 100% 100%; text-align: center; - padding-top: 22px; - animation: example 3s infinite linear; + position: relative; + .moveImg { + position: absolute; + width: 160px; + height: 140px; + bottom: 18px; + background-image: url(@/assets/images/sy/jyfwM.png); + background-repeat: no-repeat; + background-size: 100% 100%; + animation: example 3s infinite linear; + } @keyframes example { 0% { @@ -2559,7 +2576,7 @@ table { width: 146px; height: 104px; position: absolute; - left: -38px; + left: -40px; top: -31px; } span { @@ -2609,7 +2626,7 @@ table { width: 146px; height: 104px; position: absolute; - left: -38px; + left: -40px; top: -31px; } span { diff --git a/src/view/yl.vue b/src/view/yl.vue index 681ef24..3fa7ce9 100644 --- a/src/view/yl.vue +++ b/src/view/yl.vue @@ -150,6 +150,7 @@
+
@@ -1042,6 +1043,16 @@ const getData = async () => { margin-top: 10px; position: relative; + .moveImg{ + position: absolute; + background-image: url(@/assets/ylMove.gif); + background-repeat: no-repeat; + background-size: 100% 100%; + left: 170px; + width: 190px; + height: 173px; + } + .mtpImg1 { width: 140px; height: 24px;