From e662aa7d894a0b259dc1816e79514c1f0d38da9f Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期三, 21 五月 2025 16:14:05 +0800 Subject: [PATCH] Merge branch 'dev-ui' of http://120.26.58.240:8888/r/LifePaymentFront into dev-ui --- packages/components/src/components/Card/OrderCardItem.vue | 12 +++++++++--- 1 files changed, 9 insertions(+), 3 deletions(-) diff --git a/packages/components/src/components/Card/OrderCardItem.vue b/packages/components/src/components/Card/OrderCardItem.vue index f9ed492..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,6 +13,8 @@ </template> <script setup lang="ts"> +import Taro from '@tarojs/taro'; + defineOptions({ name: 'OrderCardItem', }); @@ -19,10 +24,11 @@ value: any; labelWidth?: any; textAlign?: any; + danger?: boolean; }; const props = withDefaults(defineProps<Props>(), { - labelWidth: '80px', + labelWidth: 140, textAlign: 'left', }); </script> -- Gitblit v1.9.1