From 9486476bd79bb3bc6eeef2b1b69e6222fcd18b00 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期五, 14 二月 2025 17:31:45 +0800 Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp --- apps/bMiniApp/src/components/JobDetailContent/JobDetailContent.vue | 94 +++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 94 insertions(+), 0 deletions(-) diff --git a/apps/bMiniApp/src/components/JobDetailContent/JobDetailContent.vue b/apps/bMiniApp/src/components/JobDetailContent/JobDetailContent.vue new file mode 100644 index 0000000..6552419 --- /dev/null +++ b/apps/bMiniApp/src/components/JobDetailContent/JobDetailContent.vue @@ -0,0 +1,94 @@ +<template> + <ContentView style="background-color: transparent" class="job-detail-content"> + <FlexJobTopView size="small" class="job-detail-content-top" /> + <div class="job-detail-content-contact-info"> + <div class="job-detail-content-contact-info-item"> + <div class="job-detail-content-contact-info-item-label">鎵嬫満鍙凤細</div> + <div class="job-detail-content-contact-info-item-text"> + {{ isCollapse ? '13333333333' : '绔嬪嵆鑱旂郴鍚庡彲鏌ョ湅' }} + </div> + </div> + <div class="job-detail-content-contact-info-item"> + <div class="job-detail-content-contact-info-item-label">韬唤璇佸彿锛�</div> + <div class="job-detail-content-contact-info-item-text"> + {{ isCollapse ? hiddenIDNumberForEnd6('330902199909123456') : '绔嬪嵆鑱旂郴鍚庡彲鏌ョ湅' }} + </div> + </div> + </div> + </ContentView> + <ProTabs + v-model="tab" + name="job-detail-content-tab" + :showSmile="false" + class="job-detail-content-tabs" + isTransparent + title-gutter="8" + fullHeight + > + <ProTabPane :title="`绠�鍘哷" pane-key="1"> + <curriculumView /> + </ProTabPane> + <ProTabPane :title="`缁忓巻`" pane-key="2"> + <experienceView /> + </ProTabPane> + </ProTabs> + <PageFooter> + <slot name="footer"></slot> + </PageFooter> +</template> + +<script setup lang="ts"> +import { FlexJobTopView, ProTabs, ProTabPane } from '@12333/components'; +import { hiddenIDNumberForEnd6 } from '@12333/utils'; +import curriculumView from './components/curriculumView.vue'; +import experienceView from './components/experienceView.vue'; + +defineOptions({ + name: 'JobDetailContent', +}); + +type Props = { + isCollapse: boolean; +}; + +const tab = ref('1'); +const props = withDefaults(defineProps<Props>(), {}); +</script> + +<style lang="scss"> +@import '@/styles/common.scss'; + +.job-detail-content-top { + margin-bottom: 20px; +} + +.job-detail-content-contact-info { + padding-left: 130px; + margin-bottom: 78px; + + .job-detail-content-contact-info-item { + display: flex; + align-items: center; + font-weight: 400; + font-size: 24px; + line-height: 28px; + margin-bottom: 22px; + + &:last-child { + margin-bottom: 0; + } + + .job-detail-content-contact-info-item-label { + color: boleGetCssVar('text-color', 'secondary'); + margin-right: 8px; + } + + .job-detail-content-contact-info-item-text { + color: boleGetCssVar('text-color', 'primary'); + flex: 1; + min-width: 0; + @include ellipsis; + } + } +} +</style> -- Gitblit v1.9.1