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:
王捷
2025-09-18 15:58:57 +08:00
parent e79759e000
commit dd19b3ee22
19 changed files with 1119 additions and 330 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/views/recruitment/layout/centerModel.vue
View File

@ -19,34 +19,38 @@
</template>
<script setup>
import { ref } from 'vue'
import { ref } from "vue";
const modelContentList = ref([
{
num: '780,000',
label: '户籍人口',
num: "780,000",
label: "户籍人口"
},
{
num: '780,000',
label: '流动人口',
num: "780,000",
label: "流动人口"
},
{
num: '780,000',
label: '就业人群',
num: "780,000",
label: "就业人群"
},
{
num: '780,000',
label: '待就业人群',
num: "780,000",
label: "待就业人群"
},
{
num: '780,000',
label: '新增就业群体',
num: "780,000",
label: "新增就业群体"
},
{
num: '780,000',
label: '灵活就业群体',
num: "780,000",
label: "灵活就业群体"
},
{
num: "780,000",
label: "领金人员"
}
])
]);
</script>
<style lang="scss" scoped>
@ -77,7 +81,7 @@ const modelContentList = ref([
.num {
font-family: PingFang SC, PingFang SC;
font-size: 2.667vw;
color: #30DCFF;
color: #30dcff;
}
.label {
@ -85,7 +89,7 @@ const modelContentList = ref([
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 0.833vw;
color: #CBF2FA;
color: #cbf2fa;
}
}
@ -93,7 +97,6 @@ const modelContentList = ref([
display: flex;
flex-wrap: wrap;
justify-content: space-between;
.modelContent {
display: flex;
flex-direction: column;
@ -104,11 +107,12 @@ const modelContentList = ref([
width: 10.729vw;
height: 6.667vw;
padding: 0.625vw 0;
margin: 0 0.7vw 1.2vw;
.num {
font-family: PingFang SC, PingFang SC;
font-size: 1.667vw;
color: #30DCFF;
color: #30dcff;
}
.label {
@ -116,17 +120,15 @@ const modelContentList = ref([
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 0.833vw;
color: #CBF2FA;
color: #cbf2fa;
}
&:nth-last-child(-n+1) {
margin-top: 2.34375vw;
margin-right: 13.8vw;
&:nth-last-child(1) {
margin-right: 8vw;
}
&:nth-last-child(2) {
margin-top: 2.34375vw;
margin-left: 13.8vw;
&:nth-last-child(3) {
margin-left: 8vw;
}
}
}