From 2aabfd180f384a0e433a20e36bfb248cfb0c7ce3 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期三, 12 二月 2025 13:33:40 +0800
Subject: [PATCH] feat: mine
---
apps/cMiniApp/src/subpackages/mine/mineAgreementSignDetail/MineAgreementSignDetailItem.vue | 35 +++++++++++++++++++++++++++++------
1 files changed, 29 insertions(+), 6 deletions(-)
diff --git a/apps/cMiniApp/src/subpackages/mine/mineAgreementSignDetail/MineAgreementSignDetailItem.vue b/apps/cMiniApp/src/subpackages/mine/mineAgreementSignDetail/MineAgreementSignDetailItem.vue
index e6a8e5b..10c927c 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,41 @@
});
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 *;
-
.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