From 83f7e95067ccca1735043a9a870564003e920e71 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期三, 21 五月 2025 17:17:25 +0800 Subject: [PATCH] fix: 修改ui --- packages/components/src/components/Card/OrderCardItem.vue | 14 ++++++++++---- 1 files changed, 10 insertions(+), 4 deletions(-) diff --git a/packages/components/src/components/Card/OrderCardItem.vue b/packages/components/src/components/Card/OrderCardItem.vue index dd2dd35..4f867b7 100644 --- a/packages/components/src/components/Card/OrderCardItem.vue +++ b/packages/components/src/components/Card/OrderCardItem.vue @@ -1,6 +1,9 @@ <template> - <div class="order-card-item"> - <div class="order-card-item-label" :style="{ width: labelWidth, textAlign: textAlign }"> + <div class="order-card-item" :class="{ danger }"> + <div + class="order-card-item-label" + :style="{ width: Taro.pxTransform(labelWidth), textAlign: textAlign }" + > <slot name="label">{{ label }}</slot> </div> <div class="order-card-item-value"> @@ -10,19 +13,22 @@ </template> <script setup lang="ts"> +import Taro from '@tarojs/taro'; + defineOptions({ name: 'OrderCardItem', }); type Props = { label: string; - value: string; + value: any; labelWidth?: any; textAlign?: any; + danger?: boolean; }; const props = withDefaults(defineProps<Props>(), { - labelWidth: '80px', + labelWidth: 140, textAlign: 'left', }); </script> -- Gitblit v1.9.1