From 006e8527857850dfd01371384afa532af5a001f7 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期三, 12 二月 2025 14:58:56 +0800 Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp --- apps/cMiniApp/src/subpackages/mine/mineAgreementSignDetail/MineAgreementSignDetailItem.vue | 62 +++++++++++++++++++++++++++++++ 1 files changed, 62 insertions(+), 0 deletions(-) diff --git a/apps/cMiniApp/src/subpackages/mine/mineAgreementSignDetail/MineAgreementSignDetailItem.vue b/apps/cMiniApp/src/subpackages/mine/mineAgreementSignDetail/MineAgreementSignDetailItem.vue new file mode 100644 index 0000000..10c927c --- /dev/null +++ b/apps/cMiniApp/src/subpackages/mine/mineAgreementSignDetail/MineAgreementSignDetailItem.vue @@ -0,0 +1,62 @@ +<template> + <div class="mine-agreement-sign-detail-item"> + <div + class="mine-agreement-sign-detail-item-lebel" + :style="{ width: labelWidth, textAlign: textAlign }" + > + <slot name="label"> + {{ label }} + </slot> + </div> + <div class="mine-agreement-sign-detail-item-detail"> + <slot name="detail"> + {{ detail }} + </slot> + </div> + </div> +</template> + +<script setup lang="ts"> +defineOptions({ + name: 'MineAgreementSignDetailItem', +}); + +type Props = { + label?: string; + detail?: string; + labelWidth?: any; + textAlign?: any; +}; + +const props = withDefaults(defineProps<Props>(), { + labelWidth: '50px', + textAlign: 'left', +}); +</script> + +<style lang="scss"> +.mine-agreement-sign-detail-item { + margin-bottom: 24px; + display: flex; + align-items: center; + + &:last-child { + margin-bottom: 0; + } + + .mine-agreement-sign-detail-item-lebel { + font-size: 24px; + line-height: 36px; + margin-right: 24px; + color: boleGetCssVar('text-color', 'regular'); + } + + .mine-agreement-sign-detail-item-detail { + font-size: 24px; + line-height: 36px; + color: boleGetCssVar('text-color', 'primary'); + flex: 1; + min-width: 0; + } +} +</style> -- Gitblit v1.9.1