From 026bb31975034b53709642cdc2043ad0b6b8f8a8 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期四, 13 二月 2025 10:48:27 +0800
Subject: [PATCH] feat: mine
---
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