From fbfdd719817dc79e1a9332a641f95cdfcd0eca32 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期五, 14 二月 2025 15:07:18 +0800 Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp --- apps/bMiniApp/src/subpackages/flexJob/flexJobDetail/components/CurriculumViewItem.vue | 55 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 55 insertions(+), 0 deletions(-) diff --git a/apps/bMiniApp/src/subpackages/flexJob/flexJobDetail/components/CurriculumViewItem.vue b/apps/bMiniApp/src/subpackages/flexJob/flexJobDetail/components/CurriculumViewItem.vue new file mode 100644 index 0000000..62171b3 --- /dev/null +++ b/apps/bMiniApp/src/subpackages/flexJob/flexJobDetail/components/CurriculumViewItem.vue @@ -0,0 +1,55 @@ +<template> + <div class="curriculum-list-item"> + <div class="curriculum-list-item-label" :style="{ width: props.labelWidth }"> + {{ props.label }} + </div> + <div class="curriculum-list-item-text"> + <slot>{{ props.text }}</slot> + </div> + </div> +</template> + +<script setup lang="ts"> +defineOptions({ + name: 'CurriculumViewItem', +}); + +type Props = { + label?: string; + text?: string; + labelWidth?: number | string; +}; + +const props = withDefaults(defineProps<Props>(), { + labelWidth: 'auto', +}); +</script> + +<style lang="scss"> +@import '@/styles/common.scss'; + +.flexJobDetail-page-wrapper { + .curriculum-list-item { + display: flex; + margin-bottom: 14px; + font-weight: 400; + font-size: 24px; + line-height: 36px; + + &:last-child { + margin-bottom: 0; + } + + .curriculum-list-item-label { + color: boleGetCssVar('text-color', 'secondary'); + } + + .curriculum-list-item-text { + color: boleGetCssVar('text-color', 'primary'); + flex: 1; + min-width: 0; + @include ellipsis; + } + } +} +</style> -- Gitblit v1.9.1