From 80dc90be027ee26869c63860b7d6a0759a03546b Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期二, 20 五月 2025 17:33:53 +0800 Subject: [PATCH] fix: 修改首页ui --- 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