DEV_ZZ/rsxm-master
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

大屏左下

Browse Source
This commit is contained in:
13684185576
2025-10-22 22:56:13 +08:00
parent c88f93d14c
commit 565c65cd5d
2 changed files with 29 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/views/recruitment/components/cygjbl.vue
View File

@ -8,7 +8,11 @@
</li> </li>
</ul> </ul>
<ul class="inright items tc"> <ul class="inright items tc">
<li class="child relative right_child" v-for="it in data.right" :key="it"> <li
class="child relative right_child"
v-for="it in data.right"
:key="it"
>
<div class="text">{{ it.label }}</div> <div class="text">{{ it.label }}</div>
<div class="num">{{ it.per }}</div> <div class="num">{{ it.per }}</div>
</li> </li>
@ -21,12 +25,12 @@
import { reactive, ref } from "vue"; import { reactive, ref } from "vue";
const data = reactive({ const data = reactive({
left: [ left: [
{ label: "岗位需求人数", per: "12%" }, { label: "岗位需求人数", per: "7.9万人" },
{ label: "就业意向人数", per: "80%" }, { label: "就业意向人数", per: "5.8万人" }
], ],
right: [ right: [
{ label: "岗位需求增幅", per: "78.3%" }, { label: "岗位需求增幅", per: "17.04%" },
{ label: "求职人员增幅", per: "23.1%" }, { label: "求职人员增幅", per: "20.38%" }
] ]
}); });
</script> </script>
@ -45,16 +49,16 @@ const data = reactive({
.inbox { .inbox {
width: 19vw; width: 19vw;
height: 100%; height: 14vw;
margin-top: 2vw; padding-top: 2vw;
box-sizing:border-box;
background: url("~@/assets/recruitment/jy.png") no-repeat; background: url("~@/assets/recruitment/jy.png") no-repeat;
background-size:100% 100%; background-size: 100% 100%;
img{ img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.items { .items {
width: 50%; width: 50%;
height: 70%; height: 70%;
@ -62,8 +66,6 @@ const data = reactive({
.child { .child {
height: 100px; height: 100px;
background-size: 100% 100%; background-size: 100% 100%;
} }
.left_child { .left_child {
@ -83,12 +85,11 @@ const data = reactive({
margin-left: 1.5vw; margin-left: 1.5vw;
font-family: "YSBTH"; font-family: "YSBTH";
white-space: nowrap; white-space: nowrap;
font-size: 1vw; font-size: 0.9vw;
@include textColor(#5cb2f7, #48FAFC); @include textColor(#5cb2f7, #48fafc);
} }
&:nth-child(1) { &:nth-child(1) {
margin-left: 3vw;
background: url("~@/assets/recruitment/left-one.svg") no-repeat; background: url("~@/assets/recruitment/left-one.svg") no-repeat;
} }
@ -99,6 +100,7 @@ const data = reactive({
.right_child { .right_child {
background-size: 100% 100%; background-size: 100% 100%;
margin-top: -1vw;
.text { .text {
margin-right: 1.5vw; margin-right: 1.5vw;
@ -113,17 +115,22 @@ const data = reactive({
margin-right: 1.5vw; margin-right: 1.5vw;
font-family: "YSBTH"; font-family: "YSBTH";
white-space: nowrap; white-space: nowrap;
font-size: 1vw; font-size: 0.9vw;
@include textColor(#5cb2f7, #ffffff); @include textColor(#5cb2f7, #48fafc);
} }
&:nth-child(1) { &:nth-child(1) {
margin-right: 3vw; background: url("~@/assets/recruitment/right-one.svg") no-repeat right;
background: url("~@/assets/recruitment/right-one.svg") no-repeat right center; .text {
margin-top: 34px;
}
} }
&:nth-child(2) { &:nth-child(2) {
background: url("~@/assets/recruitment/right-two.svg") no-repeat right center; background: url("~@/assets/recruitment/right-two.svg") no-repeat right;
.text {
margin-top: 34px;
}
} }
} }
} }
@ -185,4 +192,4 @@ const data = reactive({
@include textColor(#5cb2f7, #ffffff); @include textColor(#5cb2f7, #ffffff);
} }
} }
</style> </style>

2
src/views/recruitment/index.vue
View File

@ -37,7 +37,7 @@
<template v-slot:header> <template v-slot:header>
<div style="margin-top:1vw" class="header_bg">产业求人倍率</div> <div style="margin-top:1vw" class="header_bg">产业求人倍率</div>
</template> </template>
<div class="header_bg">就业生态数据</div> <div class="header_bg" style="margin-top:1vw">就业生态数据</div>
<costom-caed /> <costom-caed />
</enterprise-employment-card> </enterprise-employment-card>
</div> </div>