From 591a3742e98ad926c88059b8fe8eabd3a8630c25 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期四, 13 二月 2025 13:59:10 +0800
Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp
---
apps/cMiniApp/src/subpackages/mine/mineAgreementSignDetail/MineAgreementSignDetailItem.vue | 35 ++++++++++++++++++++++++++++++-----
1 files changed, 30 insertions(+), 5 deletions(-)
diff --git a/apps/cMiniApp/src/subpackages/mine/mineAgreementSignDetail/MineAgreementSignDetailItem.vue b/apps/cMiniApp/src/subpackages/mine/mineAgreementSignDetail/MineAgreementSignDetailItem.vue
index e6a8e5b..2d7db50 100644
--- a/apps/cMiniApp/src/subpackages/mine/mineAgreementSignDetail/MineAgreementSignDetailItem.vue
+++ b/apps/cMiniApp/src/subpackages/mine/mineAgreementSignDetail/MineAgreementSignDetailItem.vue
@@ -1,6 +1,9 @@
<template>
<div class="mine-agreement-sign-detail-item">
- <div class="mine-agreement-sign-detail-item-lebel">
+ <div
+ class="mine-agreement-sign-detail-item-lebel"
+ :style="{ width: labelWidth, textAlign: textAlign }"
+ >
<slot name="label">
{{ label }}
</slot>
@@ -19,21 +22,43 @@
});
type Props = {
- label: string;
- detail: string;
+ label?: string;
+ detail?: string;
+ labelWidth?: any;
+ textAlign?: any;
};
-const props = withDefaults(defineProps<Props>(), {});
+const props = withDefaults(defineProps<Props>(), {
+ labelWidth: '50px',
+ textAlign: 'left',
+});
</script>
<style lang="scss">
-@use '@/style/common.scss' as *;
+@import '@/styles/common.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