From 866879aaf4b209e4820d21d11f9569e72dd6e0a5 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期一, 10 三月 2025 18:00:26 +0800
Subject: [PATCH] fix: 二期需求
---
packages/components/src/components/Dialog/ConfirmDialogInfoItem.vue | 22 +++++++++++++++++++---
1 files changed, 19 insertions(+), 3 deletions(-)
diff --git a/packages/components/src/components/Dialog/ConfirmDialogInfoItem.vue b/packages/components/src/components/Dialog/ConfirmDialogInfoItem.vue
index 17a7681..619150e 100644
--- a/packages/components/src/components/Dialog/ConfirmDialogInfoItem.vue
+++ b/packages/components/src/components/Dialog/ConfirmDialogInfoItem.vue
@@ -1,20 +1,36 @@
<template>
<div class="confirm-dialog-content-info-item" :class="{ danger }">
- <div class="confirm-dialog-content-info-item-label">{{ label }}</div>
+ <div class="confirm-dialog-content-info-item-label" :style="{ width: _labelWidth }">
+ {{ label }}
+ </div>
<div class="confirm-dialog-content-info-item-content">{{ content }}</div>
</div>
</template>
<script setup lang="ts">
+import Taro from '@tarojs/taro';
+import { computed } from 'vue';
+
defineOptions({
name: 'ConfirmDialogInfoItem',
});
type Props = {
label?: string;
- content?: string;
+ content?: string | number;
danger?: boolean;
+ labelWidth?: string | number;
};
-const props = withDefaults(defineProps<Props>(), {});
+const props = withDefaults(defineProps<Props>(), {
+ labelWidth: 'auto',
+});
+
+const _labelWidth = computed(() => {
+ if (typeof props.labelWidth === 'string') {
+ return props.labelWidth;
+ }
+
+ return Taro.pxTransform(props.labelWidth);
+});
</script>
--
Gitblit v1.9.1